تب ها
تب ها به طور کلی به دو دسته تقسیم میشوند و هرکدام دارای سایز های مختلفی هستند هستند که برای
کنترل
و استایل آنها از کلاس های اماده شده استفاده میشوند.
حالت اول که باکلاس
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 " برای کامل گرد نکردن تب استفاده کنید.