ErrorState

Feedback & Status

아이콘·메시지·링크로 에러 상태를 알리는 박스.

Usage

콘텐츠 영역 안에서 오류 원인과 복구 링크를 눈에 띄는 상태 박스로 안내할 때 사용한다.

import

import { ErrorState } from '@mildang/design-system/ErrorState';

API Reference

ErrorState Props

Prop

Type

Default

message

필수

ReactNode

지정 안 함

children

ReactNode

지정 안 함

className

string

지정 안 함

linkIcon

ReactNode

linkLabel

ReactNode

새로고침

onLinkClick

() => void

지정 안 함

showIcon

boolean

true

예제

기본 사용

코드

Open in Playground

import { ErrorState } from '@mildang/design-system/ErrorState';
import { HStack } from '@mildang/styled-system/jsx';

export default function Example() {
  return (
    <HStack flexWrap="wrap" justifyContent="center" gap="8">
      <ErrorState message="데이터를 불러오지 못했습니다" />
    </HStack>
  );
}