pantoken / renderers/web-components/src / icon

Változó: icon

const icon: ElementDefinition

Alfa

<instui-icon> — egy soros SVG glif a pantoken ikon készletből. A name attribútum kiválasztja a glifot, a size (bármilyen CSS hosszúság, alapértelmezett 1em) átméretezi, a color (bármilyen CSS szín) árnyalatosít, és a margin térközt ad körülötte (InstUI kulcsszavak, például small). Az SVG-t a saját könnyű DOM-jába jeleníti meg, beágyazott stílusokon keresztül méretezett/színezett a hoston, így a currentColor-hez hasonlóan öröklődik a szöveghez.

Példa

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