# 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 ``` ### 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 ``` [component-metadata:sl-select]