Slider

core

범위 슬라이더 입력. native range input 래핑, 값 표시, 포맷 함수를 지원합니다.

100%

Basic

밝기75

대비50

Min / Max / Step

온도22°C

배율100%

Controlled

볼륨50%

현재 값: 50

Disabled

비활성30

테스트 커버리지

2026년 2월 4일

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

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

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

Slider Props

Prop	타입	기본값	설명
`value`	`number`	—	제어 모드 값
`defaultValue`	`number`	`0`	비제어 모드 초기값
`onChange`	`(value: number) => void`	—	값 변경 핸들러
`min`	`number`	`0`	최솟값
`max`	`number`	`100`	최댓값
`step`	`number`	`1`	증감 단위
`label`	`string`	—	레이블 텍스트
`showValue`	`boolean`	`false`	현재 값 표시 여부
`formatValue`	`(value: number) => string`	—	값 포맷 함수
`disabled`	`boolean`	—	비활성화
`className`	`string`	—	최외곽 CSS 클래스

Import

tsx

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