Switch (スイッチ)

    Switch コンポーネント シンボルは、ユーザーが設定一覧でオン/オフするための構成です。Switch は、Ignite UI for Angular Switch コンポーネントと視覚的に同じものです。

    Switch のデモ

    操作状態

    Switch は、有効または無効の状態で挿入できます。

    テーマ

    Switch は、明暗バリアントで分かりやすく、背景に明暗のコントラストを付けてスタイル設定できます。

    レイアウト テンプレート

    Switch は、Switch ラベルが Switch 要素の前後に配置されるラベル位置をサポートします。

    状態

    Switch はオンとオフの選択状態を提供します。

    スタイル設定

    Switch にはスタイルの柔軟性があり、つまみとトラックの色を制御し、ラベルのテキストの色を変更できます。トラックのアルファ値は、使用されている色に関係なく半透明の外観を実現するように固定されており、Indigo.Design ライブラリの 🧩 Components ページにある Symbol Master を介してのみグローバルに調整できます。

    使用方法

    Switch つまみとトラックに同じまたは同様の色を使用します。

    良い例 悪い例

    その他のリソース

    関連トピック:

    コミュニティに参加して新しいアイデアをご提案ください。