chưa có dữ liệu
bắt đầu bằng cách tạo project đầu tiên. dữ liệu sẽ xuất hiện ở đây khi có hoạt động.
empty state pattern
empty state patterns — hiển thị khi không có dữ liệu, không có kết quả, hoặc không có quyền truy cập. mỗi trạng thái cần icon, title, description, và action nếu có.
không có kết quả
hãy điều chỉnh tìm kiếm hoặc bộ lọc để tìm thứ bạn cần.
bạn không có quyền truy cập
workspace này ở chế độ riêng tư. liên hệ admin để yêu cầu quyền truy cập hoặc chuyển sang tài khoản được ủy quyền.
liên hệ admin →guidelines
không có dữ liệu
người dùng lần đầu, workspace trống. cung cấp CTA rõ ràng để bắt đầu.
use cases: projects, documents, dashboards, inboxeskhông có kết quả
search hoặc filter không trả về kết quả. đề xuất điều chỉnh hoặc xóa bộ lọc.
use cases: search pages, filtered lists, data tableskhông có quyền truy cập
người dùng thiếu quyền. cung cấp phương thức liên hệ hoặc hướng nâng cấp.
use cases: private workspaces, premium features, admin sectionsthông số kỹ thuật
icon
48x48px, muted color (var(--text-muted)), căn giữa phía trên title. ưu tiên lucide icons.
title
var(--text-h4), căn giữa, color var(--text-primary). ngắn gọn: 2-5 từ.
description
var(--text-body), căn giữa, color var(--text-secondary). max-width 360px.
action
một nút primary hoặc secondary duy nhất. căn giữa bên dưới description. có thể là text link.
component
empty state component voi 3 kieu hien thi:
khong tim thay
thu thay doi hoac mo rong bo loc cua ban.
chua co du an
tao du an dau tien de bat dau.
khong co quyen truy cap
lien he quan tri vien de duoc cap quyen.