KiroAPI / 디자인 시스템

컴포넌트 쇼케이스

KiroAPI 문서와 대시보드에서 사용하는 모든 UI 컴포넌트를 확인하고 바로 복사하세요.

9개 컴포넌트

기본 버튼

버튼

Primary, Secondary, Ghost, Destructive 변형

4.8
성공 오류 경고 v3.2 Beta

배지 & 칩

배지

상태, 카테고리, 버전 레이블 컴포넌트

4.8
index.ts
const api = new KiroAPI();

코드 블록

코드블록

신택스 하이라이팅 + 복사 버튼 포함

4.8
Note 메모 내용
Warning 주의 사항
Tip 유용한 팁

콜아웃 박스

콜아웃

Note, Warning, Tip, Error 4가지 타입

4.8
경로 상태
GET /users 200
POST /events 201

데이터 테이블

데이터

정렬, 필터, 페이지네이션 내장 테이블

4.8

폼 입력

Input, Select, Textarea, Toggle, Checkbox

4.8

일반 카드

설명 텍스트

선택 카드

선택됨

카드

카드

기본, 호버, 선택 상태 카드 컴포넌트

4.8
/ 문서 / 웹훅
개요가이드API

네비게이션

네비게이션

사이드바, 탭, 브레드크럼, 페이지네이션

4.8
✓ 배포 완료
✕ 연결 실패

토스트 & 알림

배지

Success, Error, Warning, Info 토스트

4.8

Figma 디자인 시스템 파일

모든 컴포넌트의 원본 Figma 파일과 토큰을 다운로드하세요.

Figma 파일 열기
갤러리