Empty State

Import

import {EmptyState} from '@astryxdesign/core/EmptyState';

Astryx 문서 권장 방식대로 root barrel이 아니라 컴포넌트 subpath에서 가져옵니다.

When to use

EmptyState shows a placeholder when a content area has no data. Use it for empty lists, zero search results, first-time setups, or cleared inboxes. Always include a title and a ...

Important props

Theming targets

Best practices

• DoInclude a clear title and a call-to-action button so users know how to proceed.
• DoUse an illustration or icon that reinforces the context of the empty state.
• DoUse the compact variant inside cards or sidebars where space is limited.
• Do notLeave an empty state without guidance; always explain what happened and what the user can do next.