Components
Khám phá bộ sưu tập UI components với 56 components được xây dựng trên Base UI + Tailwind Variants. Mỗi component đều accessible, customizable và sẵn sàng cho production.
Tổng quan
General
Button
Nút bấm với nhiều biến thể và kích thước
Badge
Nhãn trạng thái với nhiều kiểu hiển thị
Avatar
Ảnh đại diện với fallback
Separator
Đường phân cách ngang/dọc
Spinner
Chỉ báo đang tải
Rate
Đánh giá sao với half-star
Toggle
Nút toggle với nhóm đa lựa chọn
Card
Khung chứa nội dung linh hoạt
Carousel
Trình chiếu hình ảnh và nội dung dạng slide
Progress
Thanh hiển thị tiến trình công việc
Skeleton
Hiển thị khung tải nội dung chờ
Scroll Area
Khu vực cuộn tuỳ chỉnh giao diện
Table Contents
Mục lục tự động theo dõi cuộn trang
Aspect Ratio
Khung chứa giữ nguyên tỷ lệ khung hình
Calendar
Lịch chọn ngày tháng trực quan
Empty State
Trạng thái hiển thị khi không có dữ liệu
Forms
Input
Trường nhập liệu với label, icon và validation
Textarea
Vùng nhập văn bản nhiều dòng
Select
Menu chọn dropdown với tìm kiếm
Checkbox
Hộp kiểm với trạng thái indeterminate
Radio
Nút chọn đơn với biến thể card
Switch
Công tắc bật/tắt
Autocomplete
Gợi ý dạng thả xuống khi gõ văn bản
Input OTP
Trường nhập mã xác thực OTP
Slider
Thanh trượt để chọn giá trị trong khoảng
ComboBox
Danh sách chọn có tích hợp tìm kiếm
File Upload
Thành phần kéo thả và tải tập tin
Date Picker
Navigation & Layout
Complex
Overlays
Alert
Hộp thông báo nổi bật trạng thái
Dialog Modal
Hộp thoại modal hiển thị trên overlay
Tooltip
Chú thích ngắn hiển thị khi di chuột
Popover
Hộp thoại nổi đính kèm phần tử mục tiêu
Drawer
Bảng điều khiển trượt từ cạnh thiết bị
Sheet
Bảng nội dung trượt từ cạnh dùng cho form
Dropdown Menu
Menu thả xuống cho các hành động
Context Menu
Menu lệnh xuất hiện khi click chuột phải