Skip to content
DOL Studio

Empty state

Design: Stable Code: Coded feedbackno-data 5 Figma sets Empty state general

Live preview

Default — md
Chưa có tài liệu
Thêm mục đầu tiên để bắt đầu tổ chức tài liệu của bạn.
Search — no results (role=region)
Không tìm thấy kết quả
Thử lại với từ khoá khác, hoặc xoá bộ lọc đang áp dụng.
First-run — lg
Chào mừng đến với DOL Studio
Bắt đầu bằng cách thêm mục đầu tiên — token, component hoặc tài liệu.
Compact — sm, no icon
Trống
Không có dữ liệu để hiển thị.

Import & files

Import
import { Empty state } from "@dol/ui/empty-state";
Source file
packages/@dol/ui/src/empty-state/EmptyState.tsx

Figma source

Figma source 5 sets
Page
Empty state
Sets
5
Primary set
Empty state general · 2 variants Open in Figma →
Showing: Empty state general
4 other sets
  • Content/Empty message 6 variants Figma →
  • Empty state w image 2 variants Figma →
  • Empty state/Illustration size 6 variants Figma →
  • Placeholder state general 2 variants Figma →

AI context

AI context

Markdown summary safe to paste into Claude / ChatGPT / Cursor — includes name, status, import, props, axes, examples, figma source. 

# Empty state
Slug: `empty-state`
Domain: general · Category: feedback
Design: stable · Code: coded


## Description
Empty-state messages - general layout, with image, content message variants.


## Import
```ts
import { Empty state } from "@dol/ui/empty-state";
```
Source: `packages/@dol/ui/src/empty-state/EmptyState.tsx`


## Figma source
Page: Empty state
Sets: 5
Primary: Empty state general
Open: https://www.figma.com/design/DqRd7UQkNGcdvYL5fwZxlf/?node-id=10975-123391

Related

  • Notice

    Alert

    Coded

  • Skeleton

    Coded
  • 60%

    Progress

    Coded
  • Saved
    Changes committed.

    Toast

    Coded
  • R
    bug-report

    Report

    Design only

Status legend

Status legend
Stable
Design + code shipped, full DS parity.
Partial
Design ready, some variants/states missing in code.
Coded
Implemented in code; design canon may not yet exist.
Design only / Code only
One side present; awaiting the other.

Phase 1.X-5.2 detail view — read-only metadata. Code preview + recipe + live demo deferred (need @dol/ui registry integration).