AXIS
Agentic UI/RecoveryBanner

RecoveryBanner

에러 발생 시 복구 옵션을 제공하는 배너 컴포넌트입니다. 재시도 및 무시 액션을 지원합니다.

Installation

bash
npx axis-cli add recovery-banner --agentic

Usage

tsx
import { RecoveryBanner } from '@axis-ds/agentic-ui'

export function Example() {
  return (
    <RecoveryBanner
      message="API 요청 실패"
      description="서버에서 응답을 받지 못했습니다. 잠시 후 다시 시도해 주세요."
      onRetry={() => console.log('재시도')}
      onDismiss={() => console.log('무시')}
    />
  )
}

Interactive Demo

Variants

기본

설명 포함

재시도만

Props

messageRequired
Type:string

에러 메시지

description
Type:string
Default:-

상세 설명

onRetry
Type:() => void
Default:-

재시도 버튼 클릭 콜백

onDismiss
Type:() => void
Default:-

무시 버튼 클릭 콜백

className
Type:string
Default:-

추가 CSS 클래스

Accessibility

배너는 role="alert"로 즉시 안내되고 aria-labelledby / aria-describedby로 제목·설명이 연결됩니다.

KeyAction
Enter / Space포커스된 복구 액션을 실행합니다.
  • 복구 액션 버튼에 접근 가능한 이름이 제공됩니다.