Preset Tagify

<span class="text-red">red text</span>
<div class="flex">flexbox</div>
<span class="i-line-md-emoji-grin"></span>

<text-red>red text</text-red>
<flex>flexbox</flex>
<i-line-md-emoji-grin />

presetTagify({
  prefix: 'un-'
})

<!-- Matched -->
<un-flex></un-flex>

<!-- Not matched -->
<flex></flex>

presetTagify({
  // Add display: inline-block to icons
  extraProperties: matched => matched.startsWith('i-')
    ? { display: 'inline-block' }
    : {},
})

presetTagify({
  extraProperties: { display: 'block' }
})

presetTagify({
  // Tag prefix
  prefix: '',
  
  // Excluded tags (won't be processed)
  excludedTags: ['b', /^h\d+$/, 'table'],
  
  // Extra CSS properties
  extraProperties: {},
  
  // Enable default extractor
  defaultExtractor: true,
})

presetTagify({
  excludedTags: [
    'b',
    /^h\d+$/,
    'table',
    'article',  // Add custom exclusions
    /^my-/,     // Exclude tags starting with 'my-'
  ],
})