Skip to content

pantoken / renderers/web-components/src / icon

ตัวแปร: icon

const icon: ElementDefinition

อัลฟา

<instui-icon> — an inline SVG glyph from the pantoken icon set. The name attribute picks the glyph, size (any CSS length, default 1em) sizes it, color (any CSS color) tints it, and margin adds spacing around it (InstUI keywords like small). Renders the SVG into its own light DOM, sized/coloured via inline styles on the host, so it inherits currentColor like text.

ตัวอย่าง

html
<instui-icon name="arrow-left" margin="small"></instui-icon>
<instui-icon name="star" size="1.5rem" color="gold" margin="small"></instui-icon>