CSS: icon ​

.instui-icon — Sistèm ikon an: gwosè .instui-icon ansanm ak pent pataje -icon-<name> ki kache yon glif (nan currentColor) anvan nenpòt eleman.

Source: icon.css

Aksè ​

Glif la dekoratif, kidonk make li aria-hidden="true"; bay li yon role oswa yon etikèt sèlman lè ikon an pote sans poukont li.

Itilizasyon ​

css
@import "@pantoken/components/components.css";

Egzanp ​

html
<span class="instui-icon -icon-megaphone" aria-hidden="true"></span>

Modifikatè ​

ModifikatèDeskripsyon
.-icon-*Mete token glif la (--pantoken-glyph) epi rann li atravè pent pataje a (pa egzanp -icon-search).

Pseudo-eleman ​

Pseudo-elemanDeskripsyon
::beforeGlif la menm: yon bwat 1em kache soti nan --pantoken-glyph epi ranpli ak currentColor.

Tokens konsome ​

TokenTipValè
--pantoken-glyph<url>url("data:image/svg+xml