KRDS Component Library

맥락지혜 연구실 · 브랜드 토큰(:root) 기반 바닐라 구현 · Figma 6Kx2gzcduyIyLGN3Ck2rtm 대응

Button

.krds-btn · Figma Action/Button 36:67

Text Input

.krds-field · Figma Input/Text Input 62:22

올바른 이메일 형식이 아닙니다.

Checkbox / Radio

.krds-choice · Figma Selection 38:16 / 38:27

Select

.krds-select · Figma Selection/Select 56:29

Badge & Tag

.krds-badge / .krds-tag · Figma 58:48 / 58:54

Default Info Success Warning Danger
필터 A 필터 B

Tabs

.krds-tabs · Figma Layout/Tabs 59:11

개요 패널 내용입니다.

Accordion

.krds-accordion (native details) · Figma Layout/Accordion 59:21

DIKW란 무엇인가
자료·정보·지식·지혜를 점검하는 질문 체계입니다.
왜 위계가 아닌가
맥락에 따라 순환·재구성되기 때문입니다.

Pagination

.krds-pagination · Figma Navigation/Pagination 58:25

Alert

.krds-alert · Figma Layout/Critical Alert

안내 정보 메시지입니다.
완료 성공적으로 처리되었습니다.
주의 확인이 필요합니다.
오류 처리에 실패했습니다.

Toast

.krds-toast · Figma Feedback/Toast 56:46

저장되었습니다.