Autocomplete

UnoCSS-এর জন্য Autocomplete utilities: @unocss/autocomplete। এটি playground এবং VS Code extension-এ embedded আছে।

ব্যবহার

এইরকম স্ট্যাটিক rules কোনো কনফিগারেশন ছাড়াই কাজ করবে।

rules: [
  ['flex', { display: 'flex' }]
]

ডাইনামিক rules-এর জন্য, আপনি rule-এ একটি অতিরিক্ত meta object প্রদান করতে পারেন এবং autocomplete template নির্দিষ্ট করতে পারেন।

rules: [
  [
    /^m-(\d)$/,
    ([, d]) => ({ margin: `${d / 4}rem` }),
    { autocomplete: 'm-<num>' }, // <-- this
  ],
]

Template একটি simple DSL ব্যবহার করে autocomplete suggestions নির্দিষ্ট করে। সিনট্যাক্স হল:

(...|...): | কে separator হিসাবে ব্যবহার করে logic OR groups। যখন কিছু groups match করবে তখন এটি suggestions হিসাবে ব্যবহার হবে।
<...>: built-in shorthands। বর্তমানে <num>, <percent> এবং <directions> সমর্থন করে।
$...: theme inferring। উদাহরণস্বরূপ, $colors theme-এর colors object-এর সমস্ত properties তালিকাভুক্ত করবে।

একাধিক templates-এর জন্য: