EmptyState

core

데이터가 없을 때 표시하는 빈 상태 컴포넌트. 아이콘, 제목, 설명, 액션 버튼 지원.

깊이

100%

새로운 항목을 추가하여 시작하세요.

모든 작업을 완료했습니다. 휴식을 취하세요!

새 프로젝트를 만들어 시작하세요.

2026년 2월 4일

생성된 테스트 결과를 찾지 못했습니다.

EmptyState 항목이 문서 메타에 연결되어 있지만 현재 생성 파일에는 없습니다.

테스트를 추가한 뒤 `bun run generate:test-results`를 실행하거나 `testDescribe` 매핑을 다시 확인하세요.

Prop	타입	기본값	설명
`title`*	`string`	—	빈 상태 제목
`description`	`string`	—	빈 상태 설명
`icon`	`ReactNode`	—	표시할 아이콘
`actions`	`EmptyStateAction[]`	—	액션 버튼 배열. { label, onClick, variant? }

tsx

import { EmptyState } from "@reopt-ai/opt-ui";