Slider

Sliderは、指定された数値の範囲から値を選択するためのコンポーネントです。

プロパティ

Sliderは、以下のプロパティをサポートしています。

名前 デフォルト値 説明
max number 100 最大値を指定します。
min number 0 最小値を指定します。
step number 1 stepを指定します。
value number 0 初期値を指定します。
trackClass string 0 sliderのtrackのクラスを指定します。

インストールの手順

以下のコンポーネントのコードを、使いたいプロジェクトにコピー&ペーストします。
パスは実際のプロジェクトの構成にあわせて更新します。

使い方


サンプル

Default

デフォルトの状態です。

With RangeLabel

最小値と最大値を数値で表示するスライダーです。

With Icon

最小値と最大値をアイコンで表示するスライダーです。

Step

stepの数値を指定できます。