ShellStateBoundary

harness-helper

상태 바운더리. loading, empty, error 상태를 일관된 UX로 처리합니다.

100%

데이터가 성공적으로 로드되었습니다.

Prop	타입	기본값	설명
`children`*	`ReactNode`	—	로드 완료 시 표시할 콘텐츠
`loading`	`boolean`	—	로딩 상태 (기본 false)
`loadingLabel`	`string`	—	로딩 메시지
`empty`	`ShellEmptyState \| string \| null`	—	빈 상태 설정
`error`	`Error \| ShellErrorState \| string \| null`	—	에러 상태 설정
`chrome`	`"card" \| "plain"`	—	프레임 스타일 (기본 card)

tsx

import { ShellStateBoundary } from "@reopt-ai/opt-shell";

harness-helper

상태 바운더리. loading, empty, error 상태를 일관된 UX로 처리합니다.

100%

데이터가 성공적으로 로드되었습니다.

Prop	타입	기본값	설명
`children`*	`ReactNode`	—	로드 완료 시 표시할 콘텐츠
`loading`	`boolean`	—	로딩 상태 (기본 false)
`loadingLabel`	`string`	—	로딩 메시지
`empty`	`ShellEmptyState \| string \| null`	—	빈 상태 설정
`error`	`Error \| ShellErrorState \| string \| null`	—	에러 상태 설정
`chrome`	`"card" \| "plain"`	—	프레임 스타일 (기본 card)

tsx

import { ShellStateBoundary } from "@reopt-ai/opt-shell";