Trạng thái biên
Lỗi, rỗng, đang tải, vô hiệu hoá — những trạng thái mà một trang chỉ đi đường thành công sẽ không bao giờ chạm tới.
Quá hạnSắp hết hạnHoàn tấtĐang xử lý
Không lưu được thay đổi
Máy chủ trả về lỗi 500. Thử lại sau ít phút hoặc liên hệ quản trị viên.
Email không hợp lệ.
Không có dữ liệu
0–0 trên 0
Số dòng mỗi trang
Trang 1 / 1Đang tải...
0–0 trên 0
Số dòng mỗi trang
Trang 1 / 1Đã xảy ra lỗi
0–0 trên 0
Số dòng mỗi trang
Trang 1 / 1Form 12 component
Checkbox
checkboxCombobox
comboboxĐã chọn: Hà Nội
Form
formInput
inputEmail không hợp lệ.
Input OTP
input-otpLabel
labelRadio Group
radio-groupSelect
selectSlider
sliderSwitch
switchTextarea
textareaOverlay 10 component
Alert Dialog
alert-dialogCommand
commandKhông tìm thấy kết quả.
Lịch làm việc
Danh bạ
Hồ sơ⌘P
Cài đặt hệ thống⌘,
Context Menu
context-menuDialog
dialogDrawer
drawerDropdown Menu
dropdown-menuHover Card
hover-cardPopover
popoverSheet
sheetTooltip
tooltipLayout 8 component
Accordion
accordionAspect Ratio
aspect-ratioẢnh minh hoạ 16:9
Card
cardGói Chuyên nghiệp
Dành cho đội nhóm cần nhiều tính năng hơn.
Bao gồm báo cáo nâng cao, hỗ trợ ưu tiên và tối đa 20 thành viên.
Collapsible
collapsible3 dự án đang mở
reno-ui
Resizable
resizableDanh sách
Chi tiết
Scroll Area
scroll-areaSeparator
separatorreno-ui
Thư viện thành phần cho nhiều sản phẩm.
Thành phầnKhốiChủ đề
Tabs
tabsCập nhật thông tin tài khoản của bạn tại đây.
Data 8 component
Avatar
avatarANANBC
Calendar
calendarTháng Chín 2026
| Th 2 | Th 3 | Th 4 | Th 5 | Th 6 | Th 7 | CN |
|---|---|---|---|---|---|---|
Chart
chart- Khách mới
- Khách quay lại
DataGrid
data-gridTrạng thái |
|---|
Đang tải...
0–0 trên 0
Số dòng mỗi trang
Trang 1 / 1Server mode trên tập 10.000 dòng: mỗi lần chỉ tải 1 trang, sort và tìm kiếm chạy phía “server”. Đổi theme preset ở góc trên để thấy density đổi chiều cao dòng mà không sửa dòng code nào.
DataGrid Toolbar
data-grid-toolbarTrạng thái: Đã thanh toán
{
"globalFilter": "",
"columnFilters": [
{
"id": "status",
"value": "Đã thanh toán"
}
],
"columnVisibility": {}
}Date Picker
date-pickerPagination
paginationTable
table| Mã học viên | Họ tên | Khoá học | Trạng thái |
|---|---|---|---|
| HV001 | Nguyễn Văn An | Lập trình web | Đang học |
| HV002 | Trần Thị Bình | Thiết kế UI/UX | Hoàn thành |
| HV003 | Lê Minh Châu | Quản trị dữ liệu | Tạm dừng |
| Tổng số học viên | 3 | ||
Feedback 6 component
Alert
alertĐã lưu bản nháp
Thay đổi của bạn được lưu tự động.
Thành công
Đơn hàng đã được xử lý.
Cảnh báo
Kho hàng sắp hết, còn dưới 5 sản phẩm.
Lỗi
Không thể kết nối tới máy chủ.
Badge
badgeMặc địnhPhụViềnHoàn tấtChờ duyệtMớiQuá hạn