> ## Documentation Index > Fetch the complete documentation index at: https://anvil.servicetitan.com/llms.txt > Use this file to discover all available pages before exploring further. # Iconography export const IconographyTable = ({icons}) => { const [copiedPath, setCopiedPath] = useState(null); const handleCopy = path => { navigator.clipboard.writeText(path).then(() => { setCopiedPath(path); setTimeout(() => { setCopiedPath(null); }, 2000); }).catch(err => { console.error("Failed to copy path: ", err); }); }; if (!icons || !Array.isArray(icons)) { return

Error: No icon data provided to IconographyTable component.

; } return

{icons.map(icon => )}

Icon	Name	Import Path
{React.cloneElement(icon.svg, { className: "w-full h-full", fill: "currentColor" })}	{icon.name}	handleCopy(icon.importPath)} onKeyDown={e => { if (e.key === "Enter" \|\| e.key === " ") { e.preventDefault(); handleCopy(icon.importPath); } }} role="button" tabIndex={0} title="Click to copy"> {copiedPath === icon.importPath ? "Copied to clipboard!" : icon.importPath}

; }; export const LiveCode = ({children, customHeight, clickToLoad, example, fullWidth, fullHeight, hideCodeInLiveCode, screenshot, screenshotOnly, showCode: showCodeProp}) => { const SCREENSHOTS_BASE = "https://servicetitan.github.io/anvil2-docs-live-code/screenshots"; const STACKBLITZ_BASE = "https://stackblitz.com/github/servicetitan/anvil2-docs-live-code/tree/main/examples"; const [showCodeBlock, setShowCodeBlock] = useState(showCodeProp ?? false); const [isLocalOverride, setIsLocalOverride] = useState(false); useEffect(() => { const examplePath = `/images/live-code-screenshots-tmp/${example}.png`; fetch(examplePath, { method: "HEAD" }).then(r => { if (r.ok) setIsLocalOverride(true); }).catch(() => {}); }, [example]); const screenshotBase = isLocalOverride ? "/images/live-code-screenshots-tmp" : SCREENSHOTS_BASE; if (screenshotOnly) { return

; } if (screenshot) { return

{!showCodeProp ? : null} StackBlitz demo

{children}

; } else { return