Skip to content

Commit e6f86b3

Browse files
authored
Web docs - SuperSelect image updates (#3126)
1 parent 3067626 commit e6f86b3

22 files changed

+17
-17
lines changed

website/docs/components/form/super-select/partials/guidelines/guidelines.md

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -17,13 +17,13 @@
1717

1818
Selection is limited to a single option item.
1919

20-
![Single selection example with list open](/assets/components/form/super-select/super-select-single-variant-text.png =504x*)
20+
![Single selection example with list open](/assets/components/form/super-select/super-select-single-variant-text.png)
2121

2222
### Multiple
2323

2424
Multiple options can be selected.
2525

26-
![Multiple selection example with list open](/assets/components/form/super-select/super-select-multiple-variant.png =504x*)
26+
![Multiple selection example with list open](/assets/components/form/super-select/super-select-multiple-variant.png)
2727

2828
## Trigger value states
2929

@@ -59,19 +59,19 @@ BeforeOptions allows for either a search field or generic content to be displaye
5959

6060
If enabled, search allows the user to filter results based on a query.
6161

62-
![Search enabled before the list in both Single and Multiple components](/assets/components/form/super-select/super-select-before-options-search.png =836x*)
62+
![Search enabled before the list in both Single and Multiple components](/assets/components/form/super-select/super-select-before-options-search.png)
6363

6464
#### Generic content
6565

6666
If enabled, generic content will occupy this space.
6767

68-
![Generic content enabled before the list in both Single and Multiple components](/assets/components/form/super-select/super-select-before-options-custom-content.png =836x*)
68+
![Generic content enabled before the list in both Single and Multiple components](/assets/components/form/super-select/super-select-before-options-custom-content.png)
6969

7070
!!! Dont
7171

7272
We recommend against placing heavy UI elements in custom content as it can draw attention away from the list options and will only be visible when the menu is open. Consider placing such content outside the list relative to the trigger for better visibility.
7373

74-
![Custom content enabled before the list in both Single and Multiple components](/assets/components/form/super-select/super-select-dont-visually-heavy.png =836x*)
74+
![Custom content enabled before the list in both Single and Multiple components](/assets/components/form/super-select/super-select-dont-visually-heavy.png)
7575

7676
!!!
7777

@@ -111,21 +111,21 @@ The “Clear selected” button clears all selections and reverts the Super Sele
111111

112112
The footer can contain generic content instead of the default content. This is helpful in maintaining the standard appearance of the footer container while allowing for custom usage.
113113

114-
![Showing the footer with generic content inside.](/assets/components/form/super-select/super-select-single-multiple-footer-custom-content.png =836x*)
114+
![Showing the footer with generic content inside.](/assets/components/form/super-select/super-select-single-multiple-footer-custom-content.png)
115115

116116
#### Generic content
117117

118118
If enabled, generic content will occupy this space.
119119

120-
![Showing the afterOptions slot with generic content](/assets/components/form/super-select/super-select-after-options-custom-content.png =836x*)
120+
![Showing the afterOptions slot with generic content](/assets/components/form/super-select/super-select-after-options-custom-content.png)
121121

122122
## List
123123

124124
### Positioning
125125

126126
Lists can be positioned to the left or right, as well as above or below the trigger as necessary to fit within the UI. These options are only available when `matchTriggerWidth` is set to `false`. This effects the ember component only.
127127

128-
![Showing the different list positions (left, right + top and bottom)](/assets/components/form/super-select/super-select-list-positioning.png =836x*)
128+
![Showing the different list positions (left, right + top and bottom)](/assets/components/form/super-select/super-select-list-positioning.png)
129129

130130
### Width
131131

@@ -154,7 +154,7 @@ There are four types of ListItems, two of which are component-specific.
154154

155155
ListItems can be grouped visually by adding a title and a separator. The last group in the list doesn’t require a separator.
156156

157-
![Groups of list items represented in both Single and Multiple components](/assets/components/form/super-select/super-select-group-list-items.png =836x*)
157+
![Groups of list items represented in both Single and Multiple components](/assets/components/form/super-select/super-select-group-list-items.png)
158158

159159
## Required and optional
160160

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,16 @@
11
## Anatomy
22

3-
![Anatomy of SuperSelect](/assets/components/form/super-select/super-select-anatomy.png =667x*)
3+
![Anatomy of SuperSelect](/assets/components/form/super-select/super-select-anatomy.png)
44

55

6-
| Element | Usage |
7-
|------------------|-------------------------------------------------|
6+
| Element | Usage |
7+
|-------------------|-------------------------------------------------------------|
88
| Label | Required |
99
| Indicator | Optional |
1010
| Helper text | Optional |
1111
| Selected option(s)| Optional |
1212
| Control | Required |
1313
| Error message | Triggered by system |
14-
| Before options | Optional |
14+
| Before options | Optional |
1515
| List | Required |
16-
| After options | Optional |
16+
| After options | Optional |

website/docs/components/form/super-select/partials/specifications/states.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -9,15 +9,15 @@ Because disabled states completely remove the interactive function of an element
99

1010
### Trigger
1111

12-
![Showing the different states for the SuperSelect trigger](/assets/components/form/super-select/super-select-trigger-states.png =800x*)
12+
![Showing the different states for the SuperSelect trigger](/assets/components/form/super-select/super-select-trigger-states.png)
1313

1414
### ListItem
1515

1616
#### Checkmark
1717

18-
![Showing the different states for the SuperSelect list item checkmark variant](/assets/components/form/super-select/super-select-listitem-checkmark-states.png =432x*)
18+
![Showing the different states for the SuperSelect list item checkmark variant](/assets/components/form/super-select/super-select-listitem-checkmark-states.png)
1919

2020

2121
#### Checkbox
2222

23-
![Showing the different states for the SuperSelect list item checkbox variant](/assets/components/form/super-select/super-select-listitem-checkbox-states.png =432x*)
23+
![Showing the different states for the SuperSelect list item checkbox variant](/assets/components/form/super-select/super-select-listitem-checkbox-states.png)
37.3 KB
Loading
23.4 KB
Loading
42.9 KB
Loading
13 KB
Loading
34.5 KB
Loading
26 KB
Loading
28.5 KB
Loading

0 commit comments

Comments
 (0)