Skip to content

pantoken / panda

panda

Kokeellinen

@pantoken/panda — Instructuren design-token-esiasetus Panda CSS:lle.

toPandaPreset muuntaa minkä tahansa IR:n; pantokenPreset on valmiiksi tehty rebrand -esiasetus. Levitä se panda.config.ts presets -kohteeseesi, ja _dark-ehto seuraa pantokenin light-dark()-tokeneita automaattisesti.

Esimerkki

panda.config.ts

ts
import { defineConfig } from "@pandacss/dev";
import { pantokenPreset } from "@pantoken/panda";
export default defineConfig({ presets: [pantokenPreset] });
// then: css({ color: "token(colors.color-text-base)" })

Rajapinnat

Tyyppialiasit

Muuttujat

Funktionit

Viittaukset

default

Nimeää uudelleen ja vie uudelleen pantokenPreset