Select - Dense

You can use dense prop to reduce the field height and lower max height of list items.

Select - Variant

A standard single select has a multitude of configuration options.

Foo
Bar
Fizz
Buzz
Foo
Bar
Fizz
Buzz
Foo
Bar
Fizz
Buzz
Foo
Bar
Fizz
Buzz
Select - Disabled

You cannot use disabled v-select.

Select - Read-only

You cannot use read-only v-select, but it looks default.

Select - Multiple

A multi-select can utilize v-chip as the display for selected items.

Multiple with persistent hint

Multiple (Chips) with persistent hint

Select - Icons

Use a custom prepended or appended icon.

Prepended icon

Florida

Appended icon

Texas
Select - Change selection appearance

The selection slot can be used to customize the way selected values are shown in the input. This is great when you want something like foo (+20 others) or don't want the selection to occupy multiple lines.

{ "title": "foo", "value": "foo", "props": { "title": "foo", "value": "foo" }, "raw": "foo" }
{ "title": "bar", "value": "bar", "props": { "title": "bar", "value": "bar" }, "raw": "bar" }
(+1 others)