# Chip groups

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

# 使い方

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

# API

# サンプル

# Props

# Column

column propがあるチップグループは、チップを折り返すことができます。

# フィルター結果

filter プロパティで、追加時の視覚フィードバックを提供するチップ グループを簡単に作成できます。 チップが選択されていることをユーザーに伝える代替ビジュアルスタイルが作成されます。

# Mandatory(必須)

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

# Multiple

multiple prop を持つチップグループは、複数の値を選択できます。

# その他

# 製品カード

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

# 歯ブラシカード

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

準備はできましたか?

Vuetifyのチームが選ぶ関連コンテンツで他の学習トピックに進むか、下のナビゲーション リンクでページ間を移動できます。
GitHub でこのページを編集する
最終更新日:11/12/2024, 6:59:50 AM