Presets

Presets são o coração do UnoCSS. Eles permitem que você crie seu próprio framework personalizado em minutos.

Usando presets

Para definir presets no seu projeto:

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

export default defineConfig({
  presets: [
    presetAttributify({ /* opções do preset */}),
    presetWind3(),
    // ...presets personalizados
  ],
})

Quando a opção presets é especificada, o preset padrão será ignorado.

Para desativar o preset padrão, você pode definir presets como um array vazio:

import { defineConfig } from 'unocss'

export default defineConfig({
  presets: [], // desativar preset padrão
  rules: [
    // suas regras personalizadas
  ],
})

Você pode conferir presets oficiais e presets da comunidade para mais informações.

Criando presets

Para ver como você pode criar seu próprio preset personalizado, consulte Configuração: presets.