Badge
Nhãn trạng thái với 12 biến thể, 3 kích thước và hiệu ứng pulse indicator. Dùng cho tags, status, labels.
Cài đặt
Import
TSX
Biến thể chính
DefaultSecondaryOutlineSuccessWarningDanger
Soft Variants
Biến thể nhẹ nhàng hơn, phù hợp cho trạng thái subtle.
PrimarySuccessWarningDanger
Đặc biệt
Glass và gradient cho ngữ cảnh nổi bật.
GlassGradient
Kích thước
SmallMediumLarge
Pulse Indicator
Hiệu ứng nhấp nháy cho trạng thái real-time.
OnlineLiveSyncing
API Reference
| Prop | Type | Default | Mô tả |
|---|---|---|---|
variant | "default" | "secondary" | "outline" | "success" | "warning" | "danger" | "soft-primary" | "soft-success" | "soft-warning" | "soft-danger" | "glass" | "gradient" | "default" | Kiểu hiển thị badge |
size | "sm" | "md" | "lg" | "md" | Kích thước badge |
pulse | boolean | false | Hiệu ứng pulse animation |