Preset Tagify

Acesta activează modul tagify pentru alte preset-uri.

Codul Sursă

Instalare

pnpm

pnpm add -D @unocss/preset-tagify

yarn

yarn add -D @unocss/preset-tagify

npm

npm install -D @unocss/preset-tagify

bun

bun add -D @unocss/preset-tagify

import presetTagify de la '@unocss/preset-tagify'
import { defineConfig } de la 'unocss'

export default defineConfig({
  presets: [
    presetTagify({ /* opțiuni */ }),
    // ...alte preset-uri
  ],
})

Modul Tagify

Acest preset poate fi util când trebuie să aplicați o singură regulă unocss unui element.

<span class="text-red"> red text </span>
<div class="flex">flexbox</div>
I'm feeling <span class="i-line-md-emoji-grin"></span> today!

Cu modul tagify, puteți încorpora stiluri CSS în etichete HTML:

<text-red> red text </text-red>
<flex> flexbox </flex>
I'm feeling <i-line-md-emoji-grin /> today!

HTML-ul de mai sus funcționează exact cum v-ați aștepta.

Cu prefix

presetTagify({
  prefix: 'un-'
})

<!-- acesta va fi potrivit -->
<un-flex> </un-flex>
<!-- acesta nu va fi potrivit -->
<flex> </flex>