تب ها

تب ها به طور کلی به دو دسته تقسیم میشوند و هرکدام دارای سایز های مختلفی هستند هستند که برای کنترل و استایل آنها از کلاس های اماده شده استفاده میشوند.
حالت اول که باکلاس b_default-tab قابل تشخیص است دارای دو سایز بزرگ و متوسط هست و یک حالتی هم با نام grow هست که طول تب ها را بصورت یکسان درنظر میگیرد.
حالت دوم که با کلاس b_circle-tab قابل استفاده است دارای استایل مختلفی است که این حالت هم دارای ۵ اندازه متفاوت است و در این حالت هم از ویژگی grow نیز میتوان استفاده کرد
پائین صفحه کلاس ها بصورت کامل توضیح داده شده است.

تب حالت پیش فرض

تب حالت پیش فرض بصورت grow

تب حالت پیش فرض با آیکون

تب حالت پیش فرض فقط آیکون

تب حالت گرد

تب حالت گرد به صورت grow

تب حالت گرد کامل

تب حالت گرد کامل به صورت grow

ایجاد تب

لیست کلاس ها

# اندازه

  • b_default-tab--lg
  • b_default-tab--md
  • b_circle-tab--xl
  • b_circle-tab--lg
  • b_circle-tab--md
  • b_circle-tab--sm
  • b_circle-tab--xs

- برای اعمال اندازه بزرگ که نوع آن بصورت " b_default-tab " است باید از کلاس " b_default-tab--lg " استفاده کرد.
- برای اعمال اندازه متوسط که نوع آن بصورت " b_default-tab " است باید از کلاس " b_default-tab--md " استفاده کرد.
- برای اعمال اندازه خیلی بزرگ که نوع آن بصورت " b_circle-tab " است باید از کلاس " b_circle-tab--xl " استفاده کرد.
- برای اعمال اندازه بزرگ که نوع آن بصورت " b_circle-tab " است باید از کلاس " b_circle-tab--lg " استفاده کرد.
- برای اعمال اندازه متوسط که نوع آن بصورت " b_circle-tab " است باید از کلاس " b_circle-tab--md " استفاده کرد.
- برای اعمال اندازه کوچک که نوع آن بصورت " b_circle-tab " است باید از کلاس " b_circle-tab--ms " استفاده کرد.
- برای اعمال اندازه خیلی کوچک که نوع آن بصورت " b_circle-tab " است باید از کلاس " b_circle-tab--xs " استفاده کرد.

# grow

  • b_circle-tab
  • b_default-tab

- درصورت استفاده از props که grow باشد و عرض المنت به صورت دستی باشد اندازه آیتم های تب ها بصورت داینامیک خود را با اندازه داده شده تطبیق میدهد.

# rounded

  • b_default-tab

- در صورت استفاده از کلاس " b_default-tab " میتوانید از کلاس " rounded " برای کامل گرد نکردن تب استفاده کنید.