Presets

Presets เป็นหัวใจของ UnoCSS พวกมันช่วยให้คุณสร้างเฟรมเวิร์กแบบกำหนดเองของคุณได้ในไม่กี่นาที

การใช้ presets

เพื่อตั้งค่า presets ให้กับโปรเจกต์ของคุณ:

import { defineConfig, presetAttributify, presetWind3 } from 'unocss'

export default defineConfig({
  presets: [
    presetAttributify({ /* preset options */}),
    presetWind3(),
    // ...custom presets
  ],
})

เมื่อตัวเลือก presets ถูกระบุ preset เริ่มต้นจะถูกละเว้น

เพื่อปิดใช้งาน preset เริ่มต้น คุณสามารถตั้งค่า presets เป็นอาร์เรย์ว่าง:

import { defineConfig } from 'unocss'

export default defineConfig({
  presets: [], // ปิดใช้งาน preset เริ่มต้น
  rules: [
    // กฎแบบกำหนดเองของคุณ
  ],
})

คุณสามารถดู official presets และ community presets สำหรับข้อมูลเพิ่มเติม

การสร้าง presets

เพื่อดูวิธีการสร้าง preset แบบกำหนดเองของคุณ ดูที่ Config: presets