Murasaki
コンポーネント

Toggle

押下中・未押下の2状態を切り替えるボタンです。

使い方

import { Toggle } from '@murasakijs/ui'

<Toggle aria-label="太字を切り替え" variant="outline" size="sm">B</Toggle>

制御する場合は pressedonPressedChange、制御しない場合は defaultPressed を使います。variantdefault または outlinesizedefaultsmlg です。アイコンだけのトグルにはアクセシブルな名前が必要です。

エクスポート

ToggletoggleVariants

GitHub でこのページを改善

On this page