Switch Components

Switchコンポーネントは、複数の要素のリストの中から1つの要素を表示することができます。ユーザーは、現在表示されている要素をクリックすることで、Switchタグの異なる子要素を循環させることができます。

オプション

• active | boolean: スイッチがアクティブかどうかを制御します。. Default: true.
• tooltip | string: スイッチ要素の上にカーソルを置いたときに表示されるツールチップ. Default: none.
• tooltipPos | string: ツールチップの配置 (top, left, right, bottom のいずれか). Default: 'top'.
• className | string: 囲むスパン要素のクラス名. Default: ''.
• style | object: CSSインラインスタイル. Default: {}.
• onChange | function: コールバックは、要素が切り替わったときに呼び出されます。第一引数に現在表示されている子要素のインデックスを受け取ります。. Default: onChange() {}.

例としては、以下のようなものがあります。

• Minimal
• Custom Tooltip
• With Style

ライブエディター

<Switch> <span>Option 1</span> <span>Option 2</span> </Switch>

<Switch>
    <span>Option 1</span>
    <span>Option 2</span>
</Switch>

結果

ReferenceError: Provider is not defined