Selects

Select fields components are used for collecting user provided information from a list of options.

API

Examples

Below is a collection of simple to complex examples.

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.

Ready For More?

Continue to learn more about svelte materialify with content selected by the creator.



Last Updated: 2021-09-02