Autocomplete

Autocomplete kan worden aangepast voor UnoCSS's intelligente suggesties in playground en de VS Code extensie.

autocomplete: {
  templates: [
    // thema afleiden
    'bg-$color/<opacity>',
    // short hands
    'text-<font-size>',
    // logische OR groepen
    '(b|border)-(solid|dashed|dotted|double|hidden|none)',
    // constanten
    'w-half',
  ],
  shorthands: {
    // gelijk aan `opacity: "(0|10|20|30|40|50|60|70|90|100)"`
    'opacity': Array.from({ length: 11 }, (_, i) => i * 10),
    'font-size': '(xs|sm|base|lg|xl|2xl|3xl|4xl|5xl|6xl|7xl|8xl|9xl)',
    // overschrijf ingebouwde short hands
    'num': '(0|1|2|3|4|5|6|7|8|9)',
  },
  extractors: [
      // ...extractors
  ],
}

templates gebruikt een eenvoudige DSL om de autocomplete suggesties te specificeren.
shorthands is een map van shorthand namen naar hun templates. Als het een Array is, wordt het een logische OR groep.
extractors om mogelijke classes op te pikken en class-name stijl suggesties te transformeren naar het juiste formaat. Bijvoorbeeld, je kunt controleren hoe we de attributify autocomplete extractor implementeren
Voor extra hulp, verwijs naar hier.

Autocomplete ​

Autocomplete