v-btn-toggleコンポーネントは、v-btn用にビルドされたv-item-groupのシンプルなラッパーです。
確認したいコンポーネントを下から選び、利用できる props、slots、events、functions を確認してください。
子要素が有効な場合、子要素に active-class が適用されます。
コンポーネントの背景色を変更します。
Removes the group's border.
指定された色をコントロールに適用します。利用できるのは色の名前 (たとえば、success または purple) または css 表記の色 (#033またはrgba(255, 0, 0, 0.5)) です。colors のページ で、組み込みクラスのリストが確認できます。
コンポーネントにダークテーマを適応します。詳しく知りたい場合は、Material Design documentationのdark themesを参照してください。
ボタンのサイズとパディングを縮小します。
コンポーネントにlightテーマを適用します。
値が常に選択状態であることを強制します (可能な場合)。
選択できる最大値を設定します。
複数の選択を許可します。この場合、value prop は array でなければなりません。
Round edge buttons
カードの左上と右下の角を丸くします。
コンポーネントの角丸を除去します。
コンポーネントの指定されたモデルの値。
デフォルトの Vue slot
ユーザーの操作によって値が変更されたときに発生します。
any[] | any$border-radius-root !default;48px !default;0.8 !default;0 12px !default;48px !default;0 8px !default;4px !default;24px !default;24px !default;以下に、簡単な例から複雑な例まで示します。
rounded propを使用してVBtnToggleは丸みのある形状になります。
mandatory VBtnToggle always has value.
multiple VBtnToggle allows user to select multiple variants and returns value as an array.
カスタマイズされたボタンソリューションをv-toolbarと簡単に統合できます
Group similar actions and design your own WYSIWYG component.