Presets

Les presets sont le cœur d'UnoCSS. Ils vous permettent de créer votre propre framework personnalisé en quelques minutes.

Utilisation des presets

Pour définir des presets dans votre projet :

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

export default defineConfig({
  presets: [
    presetAttributify({ /* options du preset */}),
    presetWind3(),
    // ...presets personnalisés
  ],
})

Lorsque l'option presets est spécifiée, le preset par défaut sera ignoré.

Pour désactiver le preset par défaut, vous pouvez définir presets comme un tableau vide :

import { defineConfig } from 'unocss'

export default defineConfig({
  presets: [], // désactiver le preset par défaut
  rules: [
    // vos règles personnalisées
  ],
})

Vous pouvez consulter les presets officiels et les presets communautaires pour plus d'informations.

Création de presets

Pour voir comment vous pouvez créer votre propre preset personnalisé, consultez Config: presets.