Design system
Giao diện tối, gọn, nhiều lớp viền mảnh thay cho bóng đổ. Token, nút, biểu mẫu và trạng thái dùng chung cho li.tdagroup.online.
Demo
Dự án
| Tên | Trạng thái |
|---|---|
| Website công ty | Đang chạy |
| API thanh toán | Lỗi build |
| Tài liệu nội bộ | Nháp |
Đang tải
Thành phần
Số liệu
Doanh thu
$12.4k
↑ 8.2%Lỗi 24h
37
↓ 3 so với hôm quaDung lượng68%
Huy hiệu, avatar, phím tắt
Mặc địnhMớiv2.1.0
Nhóm dự án
Mở tìm kiếm bằng Ctrl K
composer require li/uiĐiều hướng
Tóm tắt trạng thái và số liệu chính.
Dòng thời gian các lần triển khai gần đây.
Tên miền, quyền truy cập và biến môi trường.
Câu hỏi thường gặp
Dùng design system thế nào?
Nạp assets/css/main.css và dùng các class trong trang này.
Có cần JavaScript không?
Chỉ tabs và hộp thoại cần một đoạn JS nhỏ.
Đổi màu nhấn ở đâu?
Sửa --color-accent trong phần token.
Hộp thoại
Dùng thẻ dialog gốc: có focus trap, đóng bằng Esc.
Bảng dữ liệu
| Thao tác | ||||||
|---|---|---|---|---|---|---|
|
Lan Anhlan@acme.vn
|
Quản trị | Hoạt động | 128 | 2026-11-02 | ||
|
Minh Khoakhoa@acme.vn
|
Biên tập | Hoạt động | 86 | 2026-11-01 | ||
|
Thu Hàha@acme.vn
|
Chỉ xem | Chờ mời | 0 | 2026-10-29 | ||
|
Quốc Bảobao@acme.vn
|
Biên tập | Bị khoá | 42 | 2026-10-21 | ||
|
Ngọc Diệpdiep@acme.vn
|
Quản trị | Hoạt động | 215 | 2026-11-03 |
Không tìm thấy kết quả
Thử từ khoá khác hoặc xoá bộ lọc.
Màu sắc
-
Nền
--color-bg -
Bề mặt
--color-surface -
Bề mặt nổi
--color-surface-raised -
Chữ
--color-text -
Chữ phụ
--color-text-muted -
Viền
--color-border -
Nhấn
--color-accent -
Viền đậm
--color-border-strong -
Nhấn nhạt
--color-accent-soft -
Thành công
--color-success -
Lỗi
--color-danger
Nút
Biểu mẫu
Ô nhập bị vô hiệu
Trạng thái
Thành công
Lỗi
Trung tính