reopt designreopt design
DocsExploreToolsPricingBuilder
Explore/
opt-ui161opt-charts21opt-datagrid5opt-editor5opt-chat6opt-shell14brandapp-ui8Examples12
Overview161Core55Blocks75Pages31
reopt designreopt design

A design system for the AI era

  • Docs
  • Pricing
  • Releases
  • GitHub
  • Terms of Service
  • Privacy Policy

© 2026 reopt-ai. All rights reserved.

Explore/Core/NumberInput

NumberInput

Component

숫자 입력 컴포넌트. +/- 버튼, min/max, step, 키보드 화살표를 지원합니다.

input
Related docs
bun add @reopt-ai/opt-ui
100%

기본 사용

수량
Z-Score 임계값
비활성

소수 정밀도 (부동소수 오차 없음)

가중치

현재 값: 0.1 — +/- 버튼으로 0.2씩 더해도 0.30000000000000004 같은 누적 오차가 없습니다.

스크럽 + 키보드

드래그해서 조절 (라벨을 좌우로)

라벨을 좌우로 드래그하면 값이 바뀝니다(scrub). 입력란 포커스 후↑/↓ 한 칸, PageUp/PageDown 10칸, Home/End 최소·최대. 스테퍼 버튼은 길게 누르면 반복됩니다.

Related components

Select

드롭다운 선택 컴포넌트. 5-part anatomy: Root, Label, Trigger, Popover, Item.

Input

Combobox

자동완성 검색 입력. 7 exports: Root, Input, Popover, Item, Group, GroupLabel, Empty.

Input

Button

접근성 버튼 컴포넌트. 4가지 변형(primary, secondary, ghost, danger), 3가지 크기, 로딩/아이콘 지원.

Input

Input

독립적인 텍스트 입력 컴포넌트. 레이블, 에러, 힌트, 아이콘 지원.

Input

Switch

토글 스위치 컴포넌트. 3가지 크기, 레이블/설명 지원.

Input

Textarea

멀티라인 텍스트 입력. Input과 동일한 API (label, error, hint).

Input
PreviousDropdownMenuNextSlider

기본 사용

여러 Select

다중 선택

선택됨: react, svelte

기본 사용

그룹화

Variants

Sizes

States

Loading & Disabled

With Icons

Basic

With Hint

8자 이상 입력하세요

영문, 숫자만 사용 가능

Error State

이미 사용 중인 이름입니다

올바른 이메일 형식이 아닙니다

With Icons

원

Basic

새로운 업데이트를 알림으로 받습니다.

어두운 테마를 사용합니다.

프로모션 및 이벤트 정보를 받습니다.

Sizes

Disabled

Without Label

Basic

With Hint

500자 이내로 작성하세요

Error State

필수 입력 항목입니다

Resize Options