Tab
کامپوننت x-tab برای نمایش تبهای قابل کلیک و قابل شخصیسازی در صفحات Blade استفاده میشود. این کامپوننت امکان نمایش چندین تب با وضعیت فعال/غیرفعال، نشان (badge)، زیرعنوان و تولتیپ را فراهم میکند.
ویژگیها
- پشتیبانی از چندین تب (Tab) در یک کامپوننت
- امکان تعیین شناسه یکتا (
id) و کلاس سفارشی (class) برای کامپوننت - قابلیت تعیین عنوان، زیرعنوان، نشان (badge) و تولتیپ برای هر تب
- پشتیبانی از وضعیت فعال (
active) و غیرفعال (disabled) برای هر تب - پشتیبانی از حالتهای نمایش مختلف (
defaultوminimal) - کاملاً واکنشگرا و قابل استفاده در هر جای قالب Blade
ورودیهای کامپوننت
x-tab
| نام پراپ | نوع داده | مقدار پیشفرض | توضیحات |
|---|---|---|---|
tabs | array | — | آرایهای از تبها با مشخصات هر تب (اجباری) |
mode | string | default | حالت نمایش تبها (مقدار مجاز: default یا minimal) |
ساختار هر آیتم در آرایه tabs:
| کلید | نوع داده | مقدار پیشفرض | توضیحات |
|---|---|---|---|
title | string | — | عنوان تب (اجباری) |
href | string | — | لینک مقصد تب (اجباری برای تبهای غیرفعال نشده) |
active | bool | false | فعال بودن تب (اختیاری) |
disabled | bool | false | غیرفعال بودن تب (اختیاری) |
badge | int | null | مقدار نشان (badge) عددی (اختیاری) |
subTitle | string | null | زیرعنوان تب (اختیاری) |
tooltip | string | null | متن تولتیپ (اختیاری) |
توجه
در حالت نمایش minimal ویژگی subTitle غیرفعال بوده و مطابق طراحی نمایش داده نمیشود.