사용법
빈 상태
데이터가 없거나 작업 결과를 안내할 때 사용해요. actions로 다음 행동을 제안해요.
문서가 없어요
새 문서를 만들거나 템플릿에서 시작해주세요.
스타일 커스터마이징
Result는 className과 style prop으로 루트 스타일을 덮어쓸 수 있어요.
<Result className="rounded-full px-4" style={{ opacity: 0.9 }} />인터페이스
ResultProps
| 속성 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| variant | "info" | "success" | "empty" | "error" | info | 결과 톤 |
| title* | string | — | 제목 |
| description | string | — | 설명 |
| actions | ReactNode | — | 하단 액션 |
Result 컴포넌트 Props 표
가져오기
import { Result } from "@/components/ui/Result";