Skip to content

CSS: icon ​

.instui-icon — Te pūnaha tohu: whakarahi .instui-icon me te pentara tāpare ā-roto -icon-<name> e āraihia ana i tētahi tohu (i roto i currentColor) i mua i tētahi tūemi.

Source: icon.css

Wātea mō te katoa ​

He whakapaipai te tohu, nō reira tāmarka kia aria-hidden="true"; homai he role, he tapanga rānei anake mēnā ka whakaputa tikanga te tohu i a ia anake.

Ngā Whakamahi ​

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

Ngā Kaitī ​

KaiwhakatikatikaWhakamārama
.-icon-*Whakatakotoria te tohu glyph (--pantoken-glyph) ā, whakaatuhia mā te pentara tāpare ā-roto (hei tauira -icon-search).

Ngā pseudo-kōwae ​

Pseudo-kōwaeWhakamārama
::beforeTe glyph anō: pouaka 1em kua āraihia mai i --pantoken-glyph, ā, kua kīa ki currentColor.

Ngā tohu i whakamahia ​

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