Caroa UI

Slider

値を選択するスライダーコンポーネント。

インポート

import { Slider } from '@caroainc/ui-components/client'

基本的な使い方

Loading...
<Slider defaultValue={[50]} max={100} step={1} />

範囲指定

Loading...
<Slider defaultValue={[30]} />
<Slider defaultValue={[25]} max={50} />
<Slider defaultValue={[50]} step={10} />

無効状態

Loading...
<Slider disabled />

Props

PropTypeDefaultDescription
valuenumber[]-現在値(制御コンポーネント)
defaultValuenumber[]-初期値
maxnumber100最大値
minnumber0最小値
stepnumber1ステップ値
disabledbooleanfalse無効状態

On this page