pantoken / formats/components/src / iconGlyphsCss

Funció: iconGlyphsCss() ​

iconGlyphsCss(names, options?): string

Beta

Construir la full d'estils de glif d'icona: una classe .<prefix>-icon-<name> per icona que apunta --pantoken-glyph al token --instui-icon-<name> que coincideix. Mantinguda fora del paquet de component (és gran); s'expedia com a la seva pròpia icons.css. Passa els noms d'icona (p. ex., de @pantoken/icons).

Paràmetres ​

names ​

readonly string[]

Noms d'icones sense el prefix --instui-icon- (p. ex. ["megaphone", "check"]).

options? ​

IconGlyphsOptions = {}

IconGlyphsOptions (afegeix deprecatedAliases a ComponentOptions).

Retorna ​

string

La cadena CSS.

Exemple ​

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

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

Aquesta és la meitat del glyph-token del sistema d'icones (els modificadors .-icon-<name>, proporcionats com icons.css); la utilitat icon és la meitat del pintor (el ::before compartit). Comparteixen la demostració icon.