プリセット

プリセットはUnoCSSの心臓部です。数分で独自のカスタムフレームワークを作成できます。

プリセットの使用

プロジェクトにプリセットを設定するには：

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

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

presetsオプションが指定されている場合、デフォルトのプリセットは無視されます。

デフォルトのプリセットを無効にするには、presetsを空の配列に設定します：

import { defineConfig } from 'unocss'

export default defineConfig({
  presets: [], // デフォルトプリセットを無効化
  rules: [
    // あなたのカスタムルール
  ],
})

詳細については公式プリセットとコミュニティプリセットを確認してください。

プリセットの作成

独自のカスタムプリセットの作成方法については、設定：プリセットを参照してください。