Tabs

Navigation

Component chuyển đổi nội dung với animated indicator. Xây dựng trên Base UI Tabs với keyboard navigation.

Cài đặt

Import

TSX

Tabs cơ bản với animated indicator.

Quản lý cài đặt tài khoản của bạn.

Dùng prop size trên TabsList để điều chỉnh kích thước trigger.

Tabs kết hợp Card và Form.

Cập nhật thông tin tài khoản.

Tên

Username

Tabs (Root)

Prop	Type	Default	Mô tả
`defaultValue`	`any`	—	Giá trị tab được chọn mặc định (uncontrolled)
`value`	`any`	—	Giá trị tab hiện tại (controlled)
`onValueChange`	`(value: any, event: Event) => void`	—	Callback khi tab thay đổi
`className`	`string`	—	Class CSS bổ sung

TabsList

Prop	Type	Default	Mô tả
`size`	`"xs" \| "sm" \| "md" \| "lg"`	—	Kích thước của trigger bên trong list. Mặc định: "sm"
`className`	`string`	—	Class CSS bổ sung

TabsTrigger

Prop	Type	Default	Mô tả
`value`	`any`	—	Giá trị định danh cho tab này (bắt buộc)
`disabled`	`boolean`	—	Vô hiệu hóa tab
`className`	`string`	—	Class CSS bổ sung

TabsContent

Prop	Type	Default	Mô tả
`value`	`any`	—	Giá trị khớp với TabsTrigger để hiển thị panel (bắt buộc)
`className`	`string`	—	Class CSS bổ sung