# Select [component-header:sl-select] Selects allow you to choose one or more items from a dropdown menu. ```html preview

Option 1

Option 2

Option 3

Option 4

Option 5

Option 6

``` ?> This component doesn't work with standard forms. Use [``](/components/form.md) instead. ## Examples ### Labels Use the `label` attribute to give the select an accessible label. ```html preview

Option 1

Option 2

Option 3

``` ### Help Text Add descriptive help text to an input with the `help-text` slot. ```html preview

Novice

Intermediate

Advanced

Please tell us your skill level.

``` ### Multiple To allow multiple options to be selected, use the `multiple` attribute. ```html preview

Option 1

Option 2

Option 3

Option 4

Option 5

Option 6

``` ### Size Use the `size` attribute to change a select's size. ```html preview

Option 1

Option 2

Option 3

Option 1

Option 2

Option 3

Option 1

Option 2

Option 3

``` ### Pill Use the `pill` prop to give selects rounded edges. ```html preview

Option 1

Option 2

Option 3

``` ### Groups Options can be grouped visually using menu labels and menu dividers. ```html preview

Group 1

Option 1

Option 2

Option 3

Group 2

Option 4

Option 5

Option 6

``` ### Disabled Use the `disabled` prop to disable a select. ```html preview

Option 1

Option 2

Option 3

``` ### Validation Show a valid or invalid state by setting the `valid` and `invalid` attributes, respectively. Help text can be used to provide feedback for validation and will be styled accordingly. ```html preview

Option 1

Option 2

Option 3

This is a valid selection!

Option 1

Option 2

Option 3

This is not a valid selection!

``` [component-metadata:sl-select]