Skip to content

Commit 7dc6177

Browse files
joebuonoJoe Buono
andauthored
added missing component descriptions to links.ts (#1981)
Co-authored-by: Joe Buono <[email protected]>
1 parent 053b1a3 commit 7dc6177

File tree

1 file changed

+13
-8
lines changed

1 file changed

+13
-8
lines changed

docs/src/data/links.ts

Lines changed: 13 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,7 @@ export const baseComponents: ComponentNavItem[] = [
4141
{
4242
href: '/components/divider',
4343
label: 'Divider',
44-
body: ``,
44+
body: `A Divider creates separations in content. Dividers can help organize content and establish visual rhythm.`,
4545
platforms: ['react'],
4646
},
4747
{
@@ -80,7 +80,12 @@ export const connectedComponents = [
8080
].sort(sortByLabel);
8181

8282
export const dataDisplayComponents = [
83-
{ href: '/components/badge', label: 'Badge', body: ``, platforms: ['react'] },
83+
{
84+
href: '/components/badge',
85+
label: 'Badge',
86+
body: `A Badge is a small visual element to denote a status or message about an item. A small, color-coded visual element that contains letters or numbers, that you can use to label, categorize, or organize items.`,
87+
platforms: ['react'],
88+
},
8489
{
8590
href: '/components/rating',
8691
label: 'Rating',
@@ -111,7 +116,7 @@ export const feedbackComponents: ComponentNavItem[] = [
111116
{
112117
href: '/components/loader',
113118
label: 'Loader',
114-
body: ``,
119+
body: `Loaders provide a visual cue that an action is either processing or awaiting a result. They are used to help the customer understand the system is working to fulfill a request.`,
115120
platforms: ['react'],
116121
},
117122
].sort(sortByLabel);
@@ -138,7 +143,7 @@ export const inputComponents = [
138143
{
139144
href: '/components/sliderfield',
140145
label: 'Slider Field',
141-
body: ``,
146+
body: `Sliders allow users to quickly select a value within a range. They should be used when the upper and lower bounds to the range are invariable.`,
142147
platforms: ['react'],
143148
},
144149
{
@@ -180,7 +185,7 @@ export const inputComponents = [
180185
{
181186
href: '/components/checkboxfield',
182187
label: 'Checkbox Field',
183-
body: ``,
188+
body: `CheckboxField is used to mark an individual item as selected, or to select multiple items from a list of individual items.`,
184189
platforms: ['react'],
185190
},
186191
{
@@ -192,7 +197,7 @@ export const inputComponents = [
192197
{
193198
href: '/components/button',
194199
label: 'Button',
195-
body: ``,
200+
body: `The Button primitive is used to trigger an action or event, such as submitting a form, opening a dialog, canceling an action, or performing a delete operation.`,
196201
platforms: ['react'],
197202
},
198203
].sort(sortByLabel);
@@ -201,13 +206,13 @@ export const layoutComponents = [
201206
{
202207
href: '/components/card',
203208
label: 'Card',
204-
body: ``,
209+
body: `The Card component can be used to group related pieces of content.`,
205210
platforms: ['react'],
206211
},
207212
{
208213
href: '/components/collection',
209214
label: 'Collection',
210-
body: ``,
215+
body: `A Collection wraps Flex and Grid components, and provides a way to display items in a collection from a data source.`,
211216
platforms: ['react'],
212217
},
213218
{

0 commit comments

Comments
 (0)