`](/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]