Skip to content

Commit

Permalink
Merge pull request #1093 from Infineon/1092-documentation-select-update
Browse files Browse the repository at this point in the history
Documentation: select update
  • Loading branch information
verena-ifx authored Apr 2, 2024
2 parents 3539de8 + 2c08e79 commit 6515007
Show file tree
Hide file tree
Showing 3 changed files with 2 additions and 10 deletions.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
12 changes: 2 additions & 10 deletions packages/components/src/components/select/Usage.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -70,31 +70,23 @@ Users can interact with the Select Field in different ways. To open the dropdown
## Variants

### Single Select
The single select variation allows users to choose only one option from a list of choices. The selected option is displayed within the closed select field.
The single select variation allows users to choose only one option from a list of choices. The selected option is displayed within the closed select field. For long lists users can use the search function.

#### States
<img src={SelectSingleStates} alt="Select Single States" />

### Multi Select
The multi select variation enables users to select multiple options simultaneously from a list of choices. It presents a dropdown menu with checkboxes next to each option. Users can make their selections by checking the desired options. The selected options are displayed within the closed select field.
The multi select variation enables users to select multiple options simultaneously from a list of choices. It presents a dropdown menu with checkboxes next to each option. Users can make their selections by checking the desired options. The selected options are displayed within the closed select field. For long lists users can use the search function.

#### States
<img src={SelectMultiStates} alt="Select Multi States" />

### Combo Box
The combo box variation combines a text field with a dropdown menu. Users can select options from the dropdown or input custom values in the text field. This variation is suitable when users may need to choose from existing options or provide their own input. Only one option can be selected.

#### States
<img src={SelectComboBoxStates} alt="Select Combo Box States" />

## Select Option Items
For the select field the are only two option items for the option list available.

### Single Select
When a user can choose only one option, a single select option item is the right one. By selecting an option, it is highlighted with our brand color and checkmark icon.

> The same option items are also used for the Combo Box variant.
#### States
<img src={SelectSingleOptionsStates} alt="Select Single Options States" />

Expand Down

0 comments on commit 6515007

Please sign in to comment.