Vuetify

ショップ

企業向け

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

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

Options

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

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

Chip groups with column prop can wrap their chips.

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

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

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

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

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

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

Caught a mistake or want to contribute to the documentation? Edit Layout on GitHub!