Пресеты

Пресеты — это сердце 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: [
    // пользовательские правила
  ],
})

Ознакомьтесь с официальными пресетами и пресетами от сообщества, чтобы узнать больше.

Создание пресетов

Чтобы узнать, как создать свой собственный пресет, см. раздел Конфигурация: пресеты.