You can use dense
prop to reduce the field height and lower max height of list items.
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
You cannot use disabled v-select
.
You cannot use read-only v-select
, but it looks default.
A multi-select can utilize v-chip
as the display for selected items.
Multiple with persistent hint
Multiple (Chips) with persistent hint
Use a custom prepended or appended icon.
Prepended icon
Florida
Appended icon
Texas
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)