# Select
[component-header:sl-select]
Selects allow you to choose one or more items from a dropdown menu.
```html preview
Option 1Option 2Option 3Option 4Option 5Option 6
```
?> This component doesn't work with standard forms. Use [``](/components/form.md) instead.
## Examples
### Placeholders
Use the `placeholder` attribute to add a placeholder.
```html preview
Option 1Option 2Option 3
```
### Clearable
Use the `clearable` attribute to make the control clearable.
```html preview
Option 1Option 2Option 3
```
### Pill
Use the `pill` prop to give selects rounded edges.
```html preview
Option 1Option 2Option 3
```
### Disabled
Use the `disabled` prop to disable a select.
```html preview
Option 1Option 2Option 3
```
### Multiple
To allow multiple options to be selected, use the `multiple` attribute. It's a good practice to use `clearable` when this option is enabled.
```html preview
Option 1Option 2Option 3Option 4Option 5Option 6
```
### Grouping Options
Options can be grouped visually using menu labels and menu dividers.
```html preview
Group 1Option 1Option 2Option 3Group 2Option 4Option 5Option 6
```
### Sizes
Use the `size` attribute to change a select's size.
```html preview
Option 1Option 2Option 3 Option 1Option 2Option 3 Option 1Option 2Option 3
```
### Labels
Use the `label` attribute to give the select an accessible label.
```html preview
Option 1Option 2Option 3
```
### Help Text
Add descriptive help text to an input with the `help-text` slot.
```html preview
NoviceIntermediateAdvanced