Toggle

Form

Nút toggle đơn lẻ và nhóm toggle (single/multiple). 4 biến thể, 3 kích thước.

Cài đặt

Import

TSX

Toggle đơn

Toggle button độc lập.

Biến thể

Kích thước

ToggleGroup - Single

Chỉ cho phép chọn 1 giá trị.

ToggleGroup - Multiple

Cho phép chọn nhiều giá trị.

Toggle API

Prop	Type	Default	Mô tả
`variant`	`"default" \| "outline" \| "solid" \| "ghost"`	`"default"`	Kiểu hiển thị
`size`	`"sm" \| "md" \| "lg" \| "icon"`	`"md"`	Kích thước
`pressed`	`boolean`	—	Trạng thái pressed (controlled)
`defaultPressed`	`boolean`	—	Trạng thái mặc định
`onPressedChange`	`(pressed: boolean) => void`	—	Callback khi thay đổi

ToggleGroup API

Prop	Type	Default	Mô tả
`type`	`"single" \| "multiple"`	`"single"`	Chế độ chọn
`value`	`string[]`	—	Giá trị hiện tại (controlled)
`defaultValue`	`string[]`	—	Giá trị mặc định
`onValueChange`	`(value: string[]) => void`	—	Callback khi thay đổi
`variant`	`string`	—	Variant áp dụng cho tất cả items
`size`	`string`	—	Size áp dụng cho tất cả items