Skip to content

স্বয়ংক্রিয় সম্পূর্ণতা

playground এবং VS Code extension-এ UnoCSS-এর বুদ্ধিমান সuggestions-এর জন্য স্বয়ংক্রিয় সম্পূর্ণতা কাস্টমাইজ করা যায়।

ts
autocomplete: {
  templates: [
    // theme inferring
    'bg-$color/<opacity>',
    // short hands
    'text-<font-size>',
    // logic OR groups
    '(b|border)-(solid|dashed|dotted|double|hidden|none)',
    // constants
    'w-half',
  ],
  shorthands: {
    // equal to `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)',
    // override built-in short hands
    'num': '(0|1|2|3|4|5|6|7|8|9)',
  },
  extractors: [
      // ...extractors
  ],
}
  • templates স্বয়ংক্রিয় সম্পূর্ণতার suggestions নির্দিষ্ট করতে একটি সাধারণ DSL ব্যবহার করে।

  • shorthands হল shorthand নামগুলির তাদের templates-এ একটি ম্যাপ। যদি এটি একটি Array হয়, এটি একটি logic OR গ্রুপ হবে।

  • extractors সম্ভাব্য classes বাছাই করতে এবং class-name style suggestions সঠিক ফর্ম্যাটে রূপান্তর করতে। উদাহরণস্বরূপ, আপনি কীভাবে আমরা attributify autocomplete extractor বাস্তবায়ন করেছি তা দেখতে পারেন

  • অতিরিক্ত সাহায্যের জন্য, অনুগ্রহ করে এখানে রেফারেন্স করুন।

Released under the MIT License.