Microsoft Graph Toolkit のテーマ切り替えコンポーネント

テーマトグルコンポーネントを使用すると、ユーザーはトグルを使用してドキュメントテーマを明るい色から濃色に設定または変更できます。

ユーザーは、テーマ切り替えコンポーネントを使用して、既定のテーマをまたは darkにlight設定できます。その後、ユーザーはトグルスイッチを使用してこれらのモードを切り替えることができます。

例

次の例は、テーマトグルがユーザーの好みに基づいて明るいモードまたは暗いモードを設定する方法を示しています。

属性	プロパティ	説明
mode	mode	テーマトグルの既定のモードを設定する文字列。既定値は `light` です。

次の例は、モードを dark 既定値として設定する方法を示しています。

<mgt-theme-toggle mode="dark"></mgt-theme-toggle>

テーマトグルコンポーネントにはカスタムCSS変数がありません。

イベント	いつ出力されるか	カスタムデータ	キャンセル	泡	カスタムテンプレートを使用する
`darkmodechanged`	ユーザーアクションによってダークモードが発生すると発生します。	`boolean` 値。 `true` それ以外の場合は暗いモードの場合 `false`	いいえ	いいえ	いいえ

イベントの処理の詳細については、「イベント」を参照してください。

テーマトグルコンポーネントにはカスタムテンプレートがありません。

テーマ切り替えコンポーネントでは、動作するために Microsoft Graph のアクセス許可は必要ありません。

テーマトグルコンポーネントは、認証を機能させる必要はありません。

テーマトグルコンポーネントはデータをキャッシュしません。

コントロールは、ローカライズできる次の変数を公開します。ローカライズを設定する方法の詳細については、「コンポーネントのローカライズ」を参照してください。