Selects

Basic

This is a basic example on how to use Select.

Name-Value

If you want the name that the user sees to differ from the value in code, your items should be defined like this:

const items = [
    { name: 'Foo!', value: 'foo' },
    { name: 'Bar!', value: 'bar' }
]

as an example:

Disabled

You cannot use disabled Select.

Multiple

You can chose multiple options.

Icons

Use a custom prepended or appended icon.

Chips

A select can utilize Chip as the display for selected items.