Skip to content

pantoken / formats/components/src / iconGlyphsCss

Függvény: iconGlyphsCss()

iconGlyphsCss(names, options?): string

Béta

Az ikon-jegy stílustábla felépítése: egy .<prefix>-icon-<name> osztály ikonként, amely a --pantoken-glyph-t a megfelelő --instui-icon-<name> tokenre mutat. Kívül tartva a komponens csomagból (nagy); saját icons.css-ként szállítva. Adja meg az ikon neveket (pl. @pantoken/icons-ből).

Paraméterek

names

readonly string[]

Az ikon nevek a --instui-icon- előtag nélkül (pl. ["megaphone", "check"]).

options?

IconGlyphsOptions = {}

IconGlyphsOptions (hozzáad deprecatedAliases-t a ComponentOptions-hez).

Visszatérés

string

A CSS karakterlánc.

Példa

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

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

Ez az ikon rendszer jegy-token fele (a .-icon-<name> módosítók, szállítva mint icons.css); a icon segédprogram a festő fele (a megosztott ::before). Megosztják a icon demót.