Skip to content

pantoken / custom-icons

custom-icons

베타

@pantoken/plugin-custom-icons — 다운스트림 소비자를 위한 번들된 맞춤 아이콘 글리프.

Brings in icons that aren't part of the InstUI set (product/brand marks, etc.) as --instui-icon-<name> image tokens — the same namespace and .-icon-<name> painter class the built-in InstUI icons use, so a custom icon drops into .instui-icon -icon-<name> exactly like a built-in one. No custom- prefix: on a name collision, the built-in InstUI icon should win (load it after this plugin's CSS in any combine URL).

예제

ts
import { toCss } from "@pantoken/css";
import { byTheme } from "@pantoken/tokens";
import { customIcons } from "@pantoken/plugin-custom-icons";

const css = toCss(byTheme("rebrand"), { plugins: [customIcons({ names: ["highspot"] })] });
// adds --instui-icon-highspot as an <image> token

인터페이스

변수

함수

참조

default

이름을 바꾸고 customIcons를 재내보냅니다.