Skip to content

pantoken-root / panda

panda ​

Compatibility ​

Target: Panda CSS. Current format: Panda token utility extraction from the Pantoken preset. Minimum host version: 1.12.1. Tested through 2.2.0. Newer releases require review.

Full compatibility matrix

Eksperimentell

@pantoken/panda — eit Instructure design-token-preset for Panda CSS.

toPandaPreset konverterer alle IR; pantokenPreset er det ferdige rebrand-presetet. Sprei det inn i dine panda.config.ts presets, og _dark-tilstanden sporar pantoken sine light-dark()-tokener automatisk.

Døme ​

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)" })

Grensesnitt ​

Typealias ​

Variablar ​

Funksjonar ​

Referansar ​

default ​

Omdøyper og reeksporterer pantokenPreset