میله ابزار Toolbar
Toolbar یا «میله ابزار» یک کامپوننت کاربردی برای نمایش مجموعهای از گزینهها و ابزارها به صورت افقی است. این کامپوننت به صورت واکنشگرا طراحی شده و در صورت کمبود فضا، گزینههای اضافی را به صورت منوی کشویی (Dropdown) نمایش میدهد. Toolbar قابلیت استفاده با عناصر div و ul/li را دارد و به راحتی میتوان آن را با سایر کامپوننتها ترکیب کرد.
- پشتیبانی کامل از راست به چپ و چپ به راست
- جابجایی خودکار گزینهها به منوی کشویی هنگام کمبود فضا
- امکان سفارشیسازی آیتمها و افزودن آیکون یا دکمه
- قابل استفاده در فرمها، صفحات مدیریت، و ابزارهای ویرایشی
- سازگار با انواع دستگاهها (موبایل، دسکتاپ، تبلت)
برای استفاده کافیست مجموعه آیتمها را داخل عنصر .items قرار دهید و کلاس wn-toolbar را به عنصر والد اختصاص دهید. گزینههای اضافی به صورت خودکار به منوی کشویی منتقل میشوند.
LTR
div
ul
Too small
With labels
RTL
div
ul