Components

각 페이지의 API 표는 컴포넌트 타입에서 자동 생성된다 — 코드가 바뀌면 문서가 따라간다. react-hook-form 래퍼는 @nui-kit/react/rhf 에 있다.

Button

컴포넌트	설명
`Button`	기본 버튼. color · variant · shape · size 조합
`IconButton`	아이콘 전용 정사각 버튼
`ButtonGroup`	버튼 나열 레이아웃. Item 을 함께 쓴다
`ButtonLink`	버튼 모양의 링크 (next/link)

Form — 레이아웃

컴포넌트	설명
`Field`	라벨·설명·에러를 묶고 id 와 aria 를 연결한다

Form — 입력

컴포넌트	설명
`Textfield`	한 줄 텍스트 입력
`Textarea`	여러 줄 텍스트 입력. 자동 높이 조절
`Search`	검색 입력. 지우기 버튼 포함
`Password`	비밀번호 입력. 표시/숨김 토글

Form — 선택

컴포넌트	설명
`Checkbox`	체크박스. CheckboxGroup 으로 묶는다
`Radio`	라디오. RadioGroup 으로 묶는다
`Switch`	켜고 끄는 토글
`Select`	단일 선택 드롭다운 (react-select 래핑)
`MultiSelect`	다중 선택 드롭다운. 선택값을 칩으로 표시

Form — 날짜

컴포넌트	설명
`Datepicker`	날짜 하나를 고르는 캘린더 입력 (react-day-picker 래핑)
`DateRangePicker`	시작·종료 기간 선택. 둘 다 정해져야 값이 전달된다
`DateMultiplePicker`	여러 날짜를 개별 선택

Popup

컴포넌트	설명
`PopupHost`	명령형 팝업이 렌더될 자리. 앱 루트에 한 번 둔다
`Alert`	알림 팝업. 확인 버튼 하나
`Confirm`	확인/취소 팝업. openAsync 로 결과를 받는다
`LayerPopup`	가운데 레이어 팝업. 크기 셋
`BottomSheet`	아래에서 올라오는 시트
`FullPopup`	전체 화면 팝업

Feedback

컴포넌트	설명
`Toast`	잠깐 떴다 사라지는 알림
`ToastHost`	토스트가 렌더될 자리. 앱 루트에 한 번 둔다
`Tooltip`	포인터·포커스로 뜨는 설명

Disclosure

컴포넌트	설명
`Accordion`	접었다 펴는 목록. Item · Head · Button · Panel 로 구성

라이트