pantoken / formats/components/src / iconGlyphsCss

Funktion: iconGlyphsCss() ​

iconGlyphsCss(names, options?): string

Beta

Byg icon-glyph stylesheet: en .<prefix>-icon-<name> klasse pr. ikon, der peger --pantoken-glyph på det matchende --instui-icon-<name> token. Holdt uden for komponentbundt (det er stort); sendes som sit eget icons.css. Pass ikonnavnene (f.eks. fra @pantoken/icons).

Parametre ​

names ​

readonly string[]

Ikonnavn uden præfikset --instui-icon- (f.eks. ["megaphone", "check"]).

options? ​

IconGlyphsOptions = {}

IconGlyphsOptions (tilføjer deprecatedAliases til ComponentOptions).

Returnerer ​

string

CSS-strengen.

Eksempel ​

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

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

Dette er glyph-token-halvdelen af ikonsystemet (de .-icon-<name> modifikatorer, leveret som icons.css); icon utility er painter-halvdelen (det delte ::before). De deler icon demo.