ऑटोकम्प्लीट

UnoCSS के लिए ऑटोकम्प्लीट यूटिलिटीज: @unocss/autocomplete। यह प्लेग्राउंड और VS Code एक्सटेंशन में एम्बेडेड है।

उपयोग

इस तरह के स्थिर नियम बिना किसी कॉन्फ़िगरेशन के काम करेंगे।

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

गतिशील नियमों के लिए, आप नियम को एक अतिरिक्त meta ऑब्जेक्ट प्रदान कर सकते हैं और ऑटोकम्प्लीट टेम्पलेट निर्दिष्ट कर सकते हैं।

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

टेम्पलेट ऑटोकम्प्लीट सुझावों को निर्दिष्ट करने के लिए एक सरल DSL का उपयोग करता है। सिंटैक्स है:

(...|...): विभाजक के रूप में | का उपयोग करके लॉजिक OR समूह। जब कुछ समूह मेल खाते हैं तो यह सुझाव के रूप में उपयोग किया जाएगा।
<...>: अंतर्निहित शॉर्टहैंड। वर्तमान में <num>, <percent> और <directions> का समर्थन करता है
$...: थीम अनुमान। उदाहरण के लिए $colors थीम के colors ऑब्जेक्ट के सभी गुणों को सूचीबद्ध करेगा।

एकाधिक टेम्पलेट के लिए: