pantoken / formats/components/src / iconGlyphsCss

دالة: iconGlyphsCss() ​

iconGlyphsCss(names, options?): string

بيتا

إنشاء ورقة أنماط أيقونات الرسم: صف واحد .<prefix>-icon-<name> لكل أيقونة يُشير --pantoken-glyph إلى توكن --instui-icon-<name> المطابق. تُحتفظ خارج حزمة المكون (كبيرة الحجم)؛ تُوزَّع كـ 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.