Components Overview
Components Overview
Section titled “Components Overview”Components là các UI building block có sẵn, đã được test accessibility và responsive. Mỗi component đều có variants, states, và hướng dẫn sử dụng.
Danh sách components
Section titled “Danh sách components”| Component | Mô tả | Trang |
|---|---|---|
| Buttons | Nút bấm — 4 variants, 3 sizes | Xem → |
| Cards | Thẻ nội dung — container linh hoạt | Xem → |
| Forms | Form nhập liệu — input, select, validation | Xem → |
| Navigation | Điều hướng — top nav, sidebar, breadcrumb | Xem → |
| Table | Bảng dữ liệu — sort, filter, pagination | Xem → |
| Modal | Hộp thoại — 4 kích thước, focus trap | Xem → |
| Toast | Thông báo — 4 variants, auto-dismiss | Xem → |
| Dropdown | Menu thả xuống — menu, select, combobox | Xem → |
| Avatar | Ảnh đại diện — 5 sizes, group stacking | Xem → |
| Badge | Huy hiệu — status, count, label | Xem → |
| Tooltip | Gợi ý — 4 placements, hover/focus | Xem → |
| Tabs | Tab chuyển đổi — underline, pill, line | Xem → |