Skip to content

pantoken / panda

panda

Sperimentale

@pantoken/panda — un preset di design-token Instructure per Panda CSS.

toPandaPreset converte qualsiasi IR; pantokenPreset è il preset rebrand pronto all'uso. Includilo nel tuo panda.config.ts presets, e la condizione _dark traccia automaticamente i token light-dark() di pantoken.

Esempio

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

Interfacce

Alias di tipo

Variabili

Funzioni

Riferimenti

default

Rinomina e riesporta pantokenPreset