빈 상태

안정primitive

보여줄 내용이 없을 때 대신 띄우는 안내입니다.

@tissue-ui/layout-react

설치

bash
npm install @tissue-ui/layout-react
tsx
import { EmptyState } from "@tissue-ui/layout-react";

언제 쓰나

  • 목록·영역이 비었을 때 다음 행동을 안내할 때.

예제

행동 유도 포함

아직 항목이 없습니다

첫 항목을 추가해 시작하세요.

검색 결과 없음
다음 행동이 없을 때는 action 을 생략합니다.

검색 결과가 없습니다

다른 검색어로 다시 시도하세요.

권한 없음

접근 권한이 없습니다

이 페이지를 보려면 관리자에게 요청하세요.

속성

속성타입설명
titlestring큰 안내 문구입니다.
descriptionstring부가 설명입니다 (선택).
actionnode다음 행동 버튼입니다 (선택).

위 옵션 말고도 className·onClick 같은 일반 HTML 속성을 그대로 넘길 수 있습니다.

상태
default
이 페이지의 옵션·상태는 실제 코드 정의에서 그대로 가져온 것입니다. 에이전트는 같은 내용을 llms.txt 로 읽습니다.