プリセット

プリセットは UnoCSS の核です。それらを使用すると、独自の独自フレームワークを数分で作成できます。

プリセットを使用する

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

uno.config.ts

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

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

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

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

uno.config.ts

import { defineConfig } from 'unocss'

export default defineConfig({
  presets: [], // disable default preset
  rules: [
    // your custom rules
  ],
})

公式プリセット と コミュニティプリセット で詳細を確認できます。

プリセットを作成する

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