プリセット

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

プリセット

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

プリセットの使用

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

uno.config.ts

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

export default defineConfig({
  presets: [
    presetAttributify({ /* プリセットオプション */}),
    presetWind3(),
    // ...カスタムプリセット
  ],
})

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

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

uno.config.ts

import { defineConfig } from 'unocss'

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

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

プリセットの作成

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