Button

Core

Component nút bấm đa năng với nhiều biến thể, kích thước và trạng thái. Được xây dựng trên Base UI cho accessibility hoàn hảo.

Cài đặt

Import

TSX

Button với variant solid là mặc định.

Button hỗ trợ nhiều biến thể khác nhau cho từng ngữ cảnh sử dụng.

3 kích thước và biến thể icon.

Thêm icon bên trái hoặc phải button.

Hiển thị spinner khi đang xử lý.

Button bị vô hiệu hóa.

Hiệu ứng kính mờ cho các ngữ cảnh đặc biệt.

Prop	Type	Default	Mô tả
`variant`	`"solid" \| "outline" \| "ghost" \| "secondary" \| "danger" \| "link" \| "glass" \| ...`	`"solid"`	Kiểu hiển thị của button
`size`	`"sm" \| "md" \| "lg" \| "icon"`	`"md"`	Kích thước button
`leftIcon`	`ReactNode`	—	Icon hiển thị bên trái
`rightIcon`	`ReactNode`	—	Icon hiển thị bên phải
`isLoading`	`boolean`	`false`	Hiển thị trạng thái loading
`disabled`	`boolean`	`false`	Vô hiệu hóa button
`className`	`string`	—	Class CSS bổ sung