UniKit
ComponentsUniKit 61종 — 웹과 React Native에서 같은 소스로 렌더링해요. 컴포넌트를 골라 Preview와 사용 코드를 확인하세요.
기본폼피드백오버레이탐색레이아웃데이터메시지·차트
기본
Button변형·크기·비활성 상태를 갖춘 버튼.Badge상태·카테고리를 표시하는 배지.Card제목·설명·내용·푸터를 담는 카드.Avatar프로필 이미지와 폴백 이니셜.Kbd키보드 단축키 표시.Separator가로·세로 구분선.Skeleton로딩 자리 표시.Spinner진행 중 표시용 스피너.
폼
Input한 줄 텍스트 입력.Label입력과 연결되는 라벨.Textarea여러 줄 텍스트 입력.Checkbox체크·중간 상태 지원.Radio Group단일 선택 라디오 그룹.Switch켜고 끄는 스위치.Toggle눌림 상태를 유지하는 토글.Toggle Group토글 묶음(단일·다중).Slider범위 값 슬라이더.Input OTP인증 코드 입력 칸.Input Group입력과 부가 요소 묶음.Field라벨·설명·오류를 묶은 필드.Formreact-hook-form 연동 폼.Calendar날짜 선택 달력.Native Select네이티브 select 래퍼.Select커스텀 셀렉트 메뉴.Combobox검색 가능한 선택 상자.
피드백
Alert상황 알림 박스.Progress진행률 표시 바.Empty빈 상태 안내.Sonner토스트 알림.Tooltip짧은 힌트 팝업.
오버레이
Dialog모달 대화 상자.Alert Dialog확인·취소 경고 대화.Sheet가장자리에서 열리는 패널.Drawer하단·측면 드로어.Popover앵커 기준 팝오버.Hover Card호버 미리보기(웹).Dropdown Menu드롭다운 메뉴.Context Menu우클릭·길게 누르기 메뉴.
레이아웃
Accordion접고 펴는 패널.Collapsible단일 접기/펼치기.Aspect Ratio고정 비율 컨테이너.Scroll Area스크롤 영역.Resizable크기 조절 패널.DirectionLTR/RTL 방향 컨텍스트.Item리스트 아이템 행.Button Group연접 버튼 무리.
데이터
Table표 레이아웃.Carousel슬라이드 캐러셀.Chart막대·선·영역 차트.Marker하이라이트 마커.
메시지·차트
Bubble말풍선 UI.Message채팅 메시지 블록.Message Scroller메시지 스크롤 컨테이너.Attachment첨부 파일 칩.