Toggle

ON/OFFの状態を切り替えるためのシンプルなスイッチコンポーネントです。

Usage

Note

このコンポーネントはSvelteで構築されています。MDX内などでインタラクティブに動作させるには client:load などのクライアントディレクティブが必要です。

デフォルト(OFF)

初期状態がON

checked={true} を渡すことで、初期状態をONにできます。

無効化(Disabled)

disabled={true} を渡すと、クリックできない状態になります。

<!-- デフォルト(OFF) -->
<Toggle client:load />

<!-- 初期状態がON -->
<Toggle checked={true} client:load />

<!-- 無効化(Disabled) -->
<Toggle disabled={true} client:load />
<Toggle checked={true} disabled={true} client:load />
← コンポーネント一覧へ戻る