Components

Catalog

기존 8개 + 신규 27개 = 총 35개 컴포넌트. 각 컴포넌트는 독립 페이지로 분리되어 — Preview · Usage · Rules를 한곳에서 확인할 수 있습니다.

Action

사용자가 클릭하는 요소.

Button.btn .btn-* Split button.split-btn Tabs.tabs .tab Pagination.pagination

Input

사용자 입력 수집.

Field.field Textarea.field > textarea Select.field > select Checkbox.checkbox Radio.radio Switch.switch Slider.slider Multi-select.multi-select Option card.option-card Choicebox.choicebox

Display

정보 표시.

Card.card .card-* Badge.badge .badge-* Status dot.status-dot Entity.entity Snippet.snippet Code block.code-block Table.table-bss

Feedback

상태·진행·알림.

Progress.progress Spinner.spinner Skeleton.skel Tooltip.tooltip Toast.toast

Surface · Disclosure

접기/펼치기, 시트, 정보 영역.

Accordion.accordion Collapse.collapse Show more.show-more-wrap Sheet.sheet Context card.context-card

Navigation · Media

탐색과 미디어.

Nav.nav Carousel.carousel-rail

Layout

시각 가이드 그리드.

Grid.lay-grid

Utility

시스템 보조.

Theme switcher.theme-switcher