HANUI 컴포넌트 플레이그라운드
HANUI 라이브러리의 모든 컴포넌트를 테스트하고 체험해볼 수 있는 공간입니다. KRDS(한국 정부 디자인 시스템) 기반의 React 컴포넌트들을 직접 조작하며 확인해보세요.
주요 기능
플레이그라운드에서 제공하는 핵심 기능들을 소개합니다.
실시간 인터랙션
모든 컴포넌트를 클릭, 입력, 드래그 등 실제 사용 환경과 동일하게 테스트할 수 있습니다.
접근성 검증
KWCAG 2.2 AA 기준에 맞춘 키보드 네비게이션과 스크린리더 지원을 확인할 수 있습니다.
다양한 상태 확인
hover, focus, disabled, loading 등 다양한 상태의 컴포넌트 모습을 확인할 수 있습니다.
컴포넌트 라이브러리
카테고리별로 분류된 HANUI 컴포넌트들을 살펴보세요.
피드백 및 상태 컴포넌트
사용자에게 시스템 상태와 피드백을 전달하는 컴포넌트들입니다.
Alert
정보
시스템 점검이 예정되어 있습니다.
성공
저장이 완료되었습니다.
경고
저장 공간이 부족합니다.
오류
네트워크 연결이 끊어졌습니다.
Toast
Progress
Linear Progress: 45%
75%
45%
불확정
Spinner
로딩 중
Small
로딩 중
Medium
로딩 중
Large
Badge
기본PrimarySuccessWarningDanger
5
99