pantoken / panda

panda ​

Thử nghiệm

@pantoken/panda — một preset token thiết kế của Instructure cho Panda CSS.

toPandaPreset chuyển đổi bất kỳ IR nào; pantokenPreset là preset rebrand đã sẵn sàng. Spread it into your panda.config.ts presets, and the _dark condition tracks pantoken's light-dark() tokens automatically.

Ví dụ ​

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

Giao diện ​

Bí danh kiểu ​

Biến ​

Hàm ​

Tham chiếu ​

default ​

Đổi tên và xuất lại pantokenPreset