Chip groups

v-chip-group は、グループ化可能な機能を提供することでv-chipコンポーネントの機能を強化します。これは、チップを使用して選択のグループを作成するために使用されます。

使い方

チップグループを使用すると、より複雑な実装に対してフィルターオプションを選択しやすくなります。デフォルトでは v-chip-group は右にオーバーフローしますが、columnのみのモードにも変更できます。

Options

column

mandatory

multiple

確認したいコンポーネントを下から選び、利用できる props、slots、events、functions を確認してください。

props

slots

events

sass

以下に、簡単な例から複雑な例まで示します。

Chip groups with column prop can wrap their chips.

mandatory prop を持つチップグループは、常に値を選択する必要があります。

multiple prop を持つチップグループは、多くの値を選択することができます。

チップグループは、アイテムグループやラジオコントロールと同じアクションを実行するカスタムインターフェースを作成することができますが、スタイルは異なります。

v-chip コンポーネントは、そのモデルに明示的な値を使用することができます。これは v-chip-group コンポーネントに渡され、チップインデックスを値として使用したくない場合に便利です。

filter propを使って、追加時の反応を与えるチップグループを簡単に作成できます。これにより、チップが選択されていることをユーザーに伝える別のビジュアルスタイルが作成されます。

準備はいいですか？以下から続きが読めます。