storybook/docs/_snippets/storybook-auto-docs-custom-file.md

renderer="common" language="mdx"

{/* src/components/Select.mdx */}

# Select

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.

## Design implementation

To help users get acquainted with the existing UI elements, it is recommended to use check the Figma file to see how the select input is implemented.

### When to use?

In a select input where there are less than 3-4 items, consider using radio boxes, or radio inputs instead. 

### How to use?

To help users understand the options available in a select input, include a default option that is unselectable and acts as a label.