Chip group

The v-chip-group supercharges the v-chip component by providing groupable functionality. It is used for creating groups of selections using chips.

Basic

Chip groups make it easy for users to select filtering options for more complex implementations. By default v-chip-group will overflow to the right but can be changed to a column only mode.

Chip 1
Chip 2
Chip 3

Column

Chip groups with column prop can wrap their chips.

Work
Home Improvement
Vacation
Food
Drawers
Shopping
Art
Tech
Creative Writing

Filter results

Easily create chip groups that provide additional feedback with the filter prop. This creates an alternative visual style that communicates to the user that the chip is selected.

Filter results

Choose amenities

Elevator
Washer / Dryer
Fireplace
Wheelchair access
Dogs ok
Cats ok

Choose neighborhoods

Snowy Rock Place
Honeylane Circle
Donna Drive
Elaine Street
Court Street
Kennedy Park

Mandatory

Chip groups with mandatory prop must always have a value selected.

Work
Home Improvement
Vacation
Food
Drawers
Shopping
Art
Tech
Creative Writing

Multiple

Chip groups with multiple prop can have many values selected.

Work
Home Improvement
Vacation
Food
Drawers
Shopping
Art
Tech
Creative Writing

Product card

The v-chip component can have an explicit value used for its model. This gets passed to the v-chip-group component and is useful for when you don’t want to use the chips index as their values.

Shirt Blouse

$44.50
Our blouses are available in 8 colors. You can custom order a built-in arch support for any of the models.
Select size
04
06
08
10
12
14
CONTENTS
  • Introduction

  • Basic

  • Column

  • Filter results

  • Mandatory

  • Multiple

  • Product Card