Presets

Presets เป็นค่ากำหนดบางส่วนที่จะถูกรวมเข้ากับค่ากำหนดหลัก

เมื่อสร้าง preset เรามักจะส่งออกฟังก์ชันสร้างที่คุณสามารถขอตัวเลือกเฉพาะของ preset ได้ ตัวอย่างเช่น:

import { definePreset, Preset } from 'unocss'

export default definePreset((options?: MyPresetOptions) => {
  return {
    name: 'my-preset',
    rules: [
      // ...
    ],
    variants: [
      // ...
    ],
    // รองรับค่ากำหนดส่วนใหญ่ที่คุณสามารถมีใน root config
  }
})

จากนั้นผู้ใช้สามารถใช้งานได้ดังนี้:

import { defineConfig } from 'unocss'
import myPreset from './my-preset'

export default defineConfig({
  presets: [
    myPreset({ /* preset options */ }),
  ],
})

คุณสามารถตรวจสอบofficial presets และ community presets สำหรับตัวอย่างเพิ่มเติม