NumberInput

core

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

컴포넌트 의존 관계

깊이

100%

기본 사용

수량

Z-Score 임계값

비활성

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

가중치

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

스크럽 + 키보드

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

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

테스트 커버리지

2026년 2월 4일

생성된 테스트 결과를 찾지 못했습니다.

NumberInput 항목이 문서 메타에 연결되어 있지만 현재 생성 파일에는 없습니다.

테스트를 추가한 뒤 `bun run generate:test-results`를 실행하거나 `testDescribe` 매핑을 다시 확인하세요.

NumberInput Props

Prop	타입	기본값	설명
`value`	`number`	—	제어 모드 값
`defaultValue`	`number`	`0`	비제어 모드 초기값
`onChange`	`(value: number) => void`	—	값 변경 핸들러
`min`	`number`	—	최솟값
`max`	`number`	—	최댓값
`step`	`number`	`1`	증감 단위
`label`	`string`	—	라벨 텍스트
`disabled`	`boolean`	—	비활성 상태

Import

tsx

import { NumberInput } from "@reopt-ai/opt-ui";

키보드 동작

키	동작
↑	값 증가 (step 단위)
↓	값 감소 (step 단위)