Document Component

Lib

Tabs

no description

importimport { Tab, Tabs } from "@lib/component/Tab";

Examples

Đây là Tab 1

Basic

Cách sử dụng Tab cơ bản

Đây là Tab 1

Basic

Cách sử dụng Tab với hook useTab

Props

Property
Description
Type
Default
activeTab
Truyền vào cho biết Tab nào đang active phải trùng name của Tab
string
-

Tab

Thành phần con của Tabs và dựa vào activeTab của Tabs để xem Tab con nào được active

Property
Description
Type
Default
name
Tên của tab để so sánh với activeTab của Tabs để hiển thị hoặc ẩn đi Tab
string
-
lazyLoad
Chỉ khi Tab được active thì component bên trong Tab mới được mount
boolean
true
unmountOnHide
unmount component khi tab unActive
boolean
false
className
className component Tab
string
-