orchidjs/tom-select
کاربرد:
این کتابخانه یک ویجت انتخاب هوشمند و خودکارکامل است که ترکیبی از جعبه متن و کادر انتخاب (select box) است. مناسب برای موقعیت‌هایی که کاربر باید گزینه‌ها را جستجو کند، برچسب اضافه کند یا از لیست‌های طولانی انتخاب کند — مثل انتخاب مخاطبین، تگ‌ها، شهرها و غیره.
در چه شرایطی بهتره استفاده شود؟
وقتی به یک کامپوننت انتخاب هوشمند نیاز داری که:
- سبک باشد (~16 کیلوبایت فشرده)
- بدون وابستگی به فریم‌ورک خاصی کار کند (framework agnostic)
- امکان تایپ و جستجوی سریع را فراهم کند
- از ناوبری کیبورد به شکل طبیعی پشتیبانی کند (مثل selectهای معمولی)
- قابلیت افزودن گزینه جدید در حین تایپ را داشته باشد
چند مثال از موارد استفاده
انتخاب تگ‌ها در یک سیستم مدیریت محتوا
انتخاب مخاطبین در ایمیل یا پیام‌رسان
جستجو و انتخاب شهر یا کشور در فرم ثبت‌نام
انتخاب محصولات در سیستم فروشگاهی با قابلیت جستجوی پیشرفته
- ##autocomplete
- ##javascript
- ##ui
- ##tagging
- ##form
- ##lightweight
- ##framework
- ##tomselect
- ##web
- ##input