プリセット

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

プリセット

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

プリセットの使用

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

uno.config.ts

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

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

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

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

uno.config.ts

import { defineConfig } from 'unocss'

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

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

プリセットの作成

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

※このページは Nuxt.js 公式ドキュメントの翻訳ページです。

公式ドキュメントの該当ページはこちら：
#