mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-08 11:11:53 +08:00
26 lines
773 B
Plaintext
26 lines
773 B
Plaintext
|
|
```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.
|
|
|
|
```
|