Attributify preset

Dit schakelt de attributify modus in voor andere presets.

Bron Code

Installatie

pnpm

pnpm add -D @unocss/preset-attributify

yarn

yarn add -D @unocss/preset-attributify

npm

npm install -D @unocss/preset-attributify

bun

bun add -D @unocss/preset-attributify

import presetAttributify from '@unocss/preset-attributify'

export default defineConfig({
  presets: [
    presetAttributify({ /* preset opties */ }),
    // ...
  ],
})

TIP

Deze preset is opgenomen in het unocss pakket, je kunt het ook vandaar importeren:

import { presetAttributify } from 'unocss'

Attributify Modus

Stel je hebt deze knop die gebruik maakt van Tailwind CSS's utilities. Wanneer de lijst langer wordt, wordt het echt moeilijk te lezen en te onderhouden.