ApiHealthBadge

Interactive UI Explorer

아래에서 각 컴포넌트의 다양한 Variants States를 문서화된 형태로 테스트해볼 수 있습니다.

ApiHealthBadge

Real-time status indicator for API/DB connectivity.

Live Monitoring

Dynamic status badge based on server response.

Source Code
import { ApiHealthBadge } from '@/components/Health/ApiHealthBadge';

<ApiHealthBadge />
API 상태 대기 중

Dynamically reflects the /health status.

Live Preview