Block 팩토리 함수. BlockLayout 래핑을 구조적으로 강제하여 loading/className 처리를 자동화합니다.
bun add @reopt-ai/opt-ui
콘텐츠를 구분하는 가로/세로 디바이더. 라벨을 넣으면 가운데 정렬 구분선이 된다.
일회용 코드(OTP)/PIN 입력. 셀 단위 입력, 붙여넣기 분배, 자동 포커스 이동, 백스페이스 네비게이션 지원.
눌림(pressed) 두 상태 버튼. 단독 사용하거나 ToggleGroup으로 묶어 단일/다중 선택을 만든다.
수직으로 쌓인 펼침/접힘 패널. single(한 개)/multiple(여러 개) 모드와 collapsible 지원.
Block 루트 레이아웃. flex + 기본 section spacing 적용, loading prop으로 LoadingOverlay 자동 래핑.
cmdk 스타일 명령 anatomy. 자동 필터링 + 키보드 내비게이션. 인라인 또는 CommandDialog로 사용.
위 콘텐츠
아래 콘텐츠
입력: (없음)
상태: 꺼짐
선택: left
선택: bold
BlockLayout이 Block spacing과 LoadingOverlay를 함께 관리합니다.
Block 내부 카드와 섹션이 기본 간격 규칙에 맞춰 배치됩니다.
로딩이 켜지면 전체 Block가 한 번에 오버레이 처리됩니다.