Skip to content

pantoken / formats/components/src / iconGlyphsCss

Ֆունկցիա: iconGlyphsCss()

iconGlyphsCss(names, options?): string

Բետա

Կառուցել icon-glyph ոճաթերթը՝ յուրաքանչյուր նշանառուի համար մեկ .<prefix>-icon-<name> դաս, որը ցույց է տալիս --pantoken-glyph համապատասխան --instui-icon-<name> token-ին։ Չընդգրկվում է կոմպոնենտի փաթեթում (գոլորշի է); առաքվում է որպես իր սեփական icons.css։ Վերցնել նշանների անունները (օր. @pantoken/icons).

Պարամետրեր

names

readonly string[]

Նշանների անուններ առանց --instui-icon- իրանամանարակի (օր. ["megaphone", "check"]).

options?

IconGlyphsOptions = {}

IconGlyphsOptions (ավելացնում է deprecatedAliases դեպի ComponentOptions).

Վերադարձվող արժեք

string

CSS տողը։

Օրինակ

ts
import { iconGlyphsCss } from "@pantoken/components";
import { icons } from "@pantoken/icons";

const css = iconGlyphsCss(icons.map((i) => i.name)); // .-icon-megaphone { --pantoken-glyph: … }

Սա նշանային համակարգի glyph-token կողմն է ( .-icon-<name> մոդիֆիկատորները, առաքվում են որպես icons.css ); icon օգտակար գործիքը գեղանկարչական կողմն է (խնդիրող ::before)։ Նրանք կիսում են icon դեմոնստրացիան։