# Select

### Usage

A dropdown menu for displaying choices - an elegant alternative to the native element. Utilizing Radio is recommended when there are fewer total options (less than 5).

### States

![](https://3606779243-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDSuDatsiBSDcGYiS7br6%2Fuploads%2FVbOwOSXrwWCLCXonjyWo%2FSelect%201.png?alt=media\&token=97c99d0b-46e2-4910-bcb9-ad901bcc76b1)

### Specs

We provide 3 sizes of select: large, default and small:

* Large

![](https://3606779243-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDSuDatsiBSDcGYiS7br6%2Fuploads%2F4s5rWpftEQMMRXkxwkyw%2FSelect%202.png?alt=media\&token=3c2cbbc3-6b4c-49d6-aac9-5bbcff7ee4f9)

* Default

![](https://3606779243-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDSuDatsiBSDcGYiS7br6%2Fuploads%2FFdgZ0v06Chxx8NdENc0y%2FSelect%203.png?alt=media\&token=e3617dca-5a95-4104-95f8-635cdd4a2238)

* Small

![](https://3606779243-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDSuDatsiBSDcGYiS7br6%2Fuploads%2FidOiO7xZRWWDvtDPfTW4%2FSelect%204.png?alt=media\&token=0e9fc49f-50d8-492e-9eb0-907f6641afc8)

### Sample code

```
// Some code
```