Icon
previewA small, accessible set of owned stroke icons.
- React preview
- Svelte planned
- React Native planned
Components
생성된 메타데이터와 같은 순서로 컴포넌트의 목적, preview 상태, 프레임워크 지원 범위를 확인하고 상세 문서로 이동할 수 있습니다.
Badge
preview짧은 상태나 범주 메타데이터를 비대화식으로 표시하는 compact label입니다.
- React preview
- Svelte planned
- React Native planned
Button
preview화면의 주 행동이나 보조 행동을 native button semantics로 실행하는 action control입니다.
- React preview
- Svelte planned
- React Native planned
TextField
previewvisible label과 contextual feedback으로 한 줄 text value를 받는 native input control입니다.
- React preview
- Svelte planned
- React Native planned
ScrollArea
previewnative vertical scrolling을 유지하면서 방향별 blur cue와 이동 control을 고정해 제공하는 scroll container입니다.
- React preview
- Svelte planned
- React Native planned
Checkbox
preview독립적인 선택지를 native form behavior와 mixed state로 제공하는 checkbox control입니다.
- React preview
- Svelte planned
- React Native planned
RadioGroup
preview하나의 값을 고르는 visible option set을 native fieldset과 same-name radio로 제공합니다.
- React preview
- Svelte planned
- React Native planned
Switch
preview변경 즉시 적용되는 binary setting을 native checkbox와 switch role로 제공합니다.
- React preview
- Svelte planned
- React Native planned
Textarea
preview여러 줄 자유 입력을 native textarea의 form·keyboard·resize 동작과 함께 제공합니다.
- React preview
- Svelte planned
- React Native planned
Select
preview닫힌 목록에서 한 값을 고르는 native single-select와 OS popup 동작을 제공합니다.
- React preview
- Svelte planned
- React Native planned
TextButton
preview텍스트 위계와 native button 또는 anchor 의미로 가벼운 행동과 이동을 표현합니다.
- React preview
- Svelte planned
- React Native planned
IconButton
preview접근 가능한 이름과 시스템 소유 아이콘으로 compact action을 일관되게 표현합니다.
- React preview
- Svelte planned
- React Native planned
BoardRow
preview설정과 주문 정보처럼 한 줄의 요약과 상세 내용을 native disclosure로 연결합니다.
- React preview
- Svelte planned
- React Native planned
Tab
preview관련된 화면 구획을 자동 활성화 키보드 탐색과 연결해 같은 문맥 안에서 전환합니다.
- React preview
- Svelte planned
- React Native planned
BottomSheet
preview모바일 선택과 확인 흐름을 native modal dialog, focus 관리, scroll lock으로 표준화합니다.
- React preview
- Svelte planned
- React Native planned
Dialog
preview짧고 중요한 알림과 확인 결정을 native modal dialog와 명시적인 종료 사유로 표준화합니다.
- React preview
- Svelte planned
- React Native planned
SearchField
preview검색어 입력, 명시적인 clear 동작, 선택적인 fixed 배치를 native search input으로 제공합니다.
- React preview
- Svelte planned
- React Native planned
ListRow
preview정보, 전체 행 동작, 화면 이동을 static div와 native button·anchor로 구분하는 flat row입니다.
- React preview
- Svelte planned
- React Native planned
Toast
preview짧은 비모달 피드백을 한 번에 하나씩 portal에 표시하고 FIFO queue로 순서를 보존하는 provider입니다.
- React preview
- Svelte planned
- React Native planned
BottomCTA
preview화면 하단의 한두 개 핵심 행동을 owned Button으로 구성하고 fixed·safe-area·공간 보존을 일관되게 처리합니다.
- React preview
- Svelte planned
- React Native planned