Skip to content

Commit 2a5f384

Browse files
authored
Documentation fixes
1 parent f102c36 commit 2a5f384

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

guidelines/components/select/README.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ A select component is a right choice to preventing errors with predefined option
77

88
### Single select
99

10-
- A dropdown element should allow the user to select one option from a list.
10+
- A dialog element should allow the user to select one option from a list.
1111
- The select component should always display a label, different from any name in the option list.
1212
- If the options list is extensive, consider letting the user type for suggestions filtering the whole number of options.
1313
- A default choice can be displayed as the placeholder before user selection. It must be placed as the first item on the options list and appear selected.
@@ -16,7 +16,7 @@ A select component is a right choice to preventing errors with predefined option
1616
### Multi-select
1717

1818
- If more than one option is applicable, a multi-selection box should be used.
19-
- If the list of options is short (4 or less) and users can select more than one option, consider using checkboxes instead of a multi-selection list for simplicity and visual clarity.
19+
- If the list of options is short (4 or less) and users can select more than one option, consider using checkboxes instead of the multi-select component for simplicity and visual clarity.
2020
- Multi-select fields include checkboxes for every single option in the list, the entire row must be clickable.
2121

2222

@@ -30,7 +30,7 @@ States are defined for select component based on the interactions that the user
3030

3131
### Options list
3232

33-
The options have two states: **enabled**, **hover**, **focus** and **selected**:
33+
The option items have the following states: **enabled**, **hover**, **focus** and **selected**:
3434

3535
![Option list states](images/select_option_states.png)
3636

@@ -117,7 +117,7 @@ Select input specifications are the same as the [text-input](https://developer.d
117117

118118
| Property for single | Value |
119119
| ----------------------- | ------------------------------ |
120-
| List item `padding-left` | 16px |
120+
| List item `padding-left/right` | 16px |
121121
| `height` | 36px |
122122
| `font-size` | 16px |
123123
| `font-weight` | Regular |
@@ -130,12 +130,12 @@ Select input specifications are the same as the [text-input](https://developer.d
130130

131131
| Property for multiple | Value |
132132
| ----------------------- | -------------------- |
133-
| List item `padding-left` | 16px |
133+
| List item `padding-left/right` | 16px |
134134
| `height` | 48px |
135135
| `font-size` | 16px |
136136
| `font-weight` | Regular |
137137
| Icon size | 20 x 20px|
138-
| Spacing between checkbox and label | 12px |
138+
| Spacing between checkbox and label | 8px |
139139
| Spacing between icon and label | 12px |
140140
| Focus outline `border-width` | 2px |
141141

0 commit comments

Comments
 (0)