Select components
Select is a type of input that allows users to choose one or more options from a list of choices. The options are hidden by default and revealed when a user interacts with an element. It shows the currently selected option in its default collapsed state.
115components597storiesLast updated 8 days ago
![](https://snapshots.chromatic.com/snapshots/6267ebb4dd54f5004a65f14a-668f98cdb0b0936af9855584/thumb/capture-7b4e0b63.png)
Select
![](https://snapshots.chromatic.com/snapshots/607f86b1a83d430021b13092-64146d7baaef5ec571bcde9c/w_680/capture.png)
Select
Guide.co21
![](https://snapshots.chromatic.com/snapshots/629fbea79ef814003ac09fb9-629fbed92d22f7004a725a55/w_680/capture.png)
RichSelect
![](https://snapshots.chromatic.com/snapshots/6195b518b76f57003aa69b4c-669ab6fe466cbbafdd1aab4d/thumb/capture-6ab86c06.png)
Select
![](https://snapshots.chromatic.com/snapshots/6393777def56f7d1cffc8f2c-639377eae889d2c7d5225502/w_680/capture.png)
Select
![](https://snapshots.chromatic.com/snapshots/629e4f9968a9d2004a33e7f3-629e55ee4b5e65004a05006f/w_680/capture.png)
Select