공식 krds-react 그대로
컴포넌트·props·마크업·CSS가 공식 krds-react 1.1.1과 같습니다.
KRDS React대한민국 정부 디자인 시스템을 React로
KRDS 공식 krds-react 1.1.1을 포팅한 React + TypeScript 컴포넌트 라이브러리
Skip to content
접근성 자동 검사
이 문서의 모든 예제를 실제 브라우저에서 axe-core로 검사합니다. 원본에서 찾은 위반은 알려진 문제로 정리했습니다. 고대비 모드를 지원합니다.
Next.js App Router
빌드 결과에 "use client"를 넣어 서버 컴포넌트에서 바로 import할 수 있습니다. TypeScript 타입 정의를 함께 제공합니다.
컴포넌트 미리보기
공공 서비스 화면을 KRDS React 컴포넌트로 조합한 예시입니다. 직접 입력하고 선택해 보세요. 상단 화면 모드 버튼으로 "선명하게 (어두운 배경)" 모드도 확인할 수 있습니다.