pantoken / panda

panda ​

ทดลอง

@pantoken/panda — พรีเซ็ตโทเค็นการออกแบบของ Instructure สำหรับ Panda CSS.

toPandaPreset แปลง IR ใดๆ; pantokenPreset คือพรีเซ็ต rebrand ที่พร้อมใช้งาน. กระจายเข้าไปใน panda.config.ts presets ของคุณ และเงื่อนไข _dark จะติดตามโทเค็น light-dark() ของ pantoken โดยอัตโนมัติ.

ตัวอย่าง ​

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

อินเทอร์เฟซ ​

นามแฝงชนิด ​

ตัวแปร ​

ฟังก์ชัน ​

การอ้างอิง ​

default ​

เปลี่ยนชื่อและส่งออกซ้ำ pantokenPreset