ステッパー

ステップを使用すると、値の範囲から選択することができます。

ステッパーを使用すると、ユーザーが値の範囲から選択できるようにフルスクリーン コントロールを実現できます。

構造

A. 引き上げボタン
B. ラベルまたはチップ
C. 下げるボタン

Usage

ステッパーの使用例については、以下をご覧ください。

音量調節画面の実装を提供する GitHub の Horologist ライブラリを確認してください。

アダプティブ レイアウト

レスポンシブ動作

ステッパー コンポーネントは利用可能な高さと幅を埋めるため、要素間のギャップは画面サイズと利用可能な高さによって決まります。