Empty
설치 확인처음 사용·검색 결과 없음
1. 목적과 출처
처음 사용·검색 결과 없음
- 출처
- shadcn 기본 제공 (Base UI 기반 base-nova 스타일)
- 프로젝트
src/components/ui/empty.tsx- Registry
@adcapsule/empty
2. 프리뷰와 변형
오른쪽 위에서 색 모드를 바꾸면 라이트·다크를 비교할 수 있습니다.
| 상황 | 모양 |
|---|---|
| 처음 사용 | 아직 이슈가 없습니다 첫 이슈를 만들어 팀의 일을 기록하세요. |
| 검색 결과 없음 | 조건에 맞는 이슈가 없습니다 검색어나 필터를 바꿔 보세요. |
3. 속성 바꿔 보기
아직 이슈가 없습니다
첫 이슈를 만들어 팀의 일을 기록하세요.
상황
4. 설치와 사용
- npm 패키지
- class-variance-authority
- 함께 설치
- @adcapsule/utils
처음 쓰는 프로젝트는 @adcapsule/theme를 먼저 설치합니다. Registry 연결
5. 바꿔도 되는 것과 유지할 토큰
제품에서 바꿔도 되는 것
- 처음 사용과 검색 결과 없음을 구분해 문구와 버튼을 다르게
- className="border"로 점선 틀
- EmptyMedia variant: default·icon
공통으로 유지할 토큰
- text.secondary (설명)
- surface.raised (아이콘 칸, --muted)
- radius.xl (점선 틀 16px)
- radius.lg (아이콘 칸 10px)