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 />