Skip to content

Commit 7b48637

Browse files
author
Ayesha Mazumdar
authored
fix(cards): Fix broken card doc links (#3322)
1 parent 7880484 commit 7b48637

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

ui/components/cards/docs.mdx

+6-6
Original file line numberDiff line numberDiff line change
@@ -62,7 +62,7 @@ The card header can have an icon, a title and actions. The icon and title are lo
6262

6363
#### Actions row
6464

65-
The actions row of a card header typically accomodates a single action for the object a user is working with, such as creating, editing, or deleting. If there are more than one action, an action overflow menu would be used instead.
65+
The actions row of a card header typically accommodates a single action for the object a user is working with, such as creating, editing, or deleting. If there are more than one action, an action overflow menu would be used instead.
6666

6767
##### Single action
6868

@@ -102,9 +102,9 @@ The card body accommodates any layout or design, as long as its a grouping of re
102102
By default, the body of a card does not have padding. Components inside the card will be flush to the left and right edges of the card. If you need to add padding, use the <code className="doc">slds-card__body_inner</code> class on the <code className="doc">slds-card__body</code> element.
103103
</Blockquote>
104104

105-
#### Default without Padding
105+
#### Default without padding
106106

107-
For an example of when to use the default behavior, see the [Data Table example](/#With-a-Data-Table).
107+
For an example of when to use the default behavior, see the [Data Table example](/components/cards/#With-a-Data-Table).
108108

109109
<Example title="Cards Body No Padding">
110110
<CodeView>
@@ -123,8 +123,7 @@ For an example of when to use the default behavior, see the [Data Table example]
123123

124124
#### With padding
125125

126-
For an example of when to use the `slds-card__body_inner` class, see the [Tiles example](/#With-Tiles).
127-
126+
For an example of when to use the `slds-card__body_inner` class, see the [Tiles example](/components/cards/#With-Tiles).
128127

129128
<Example title="Cards Body With Padding">
130129
<CodeView>
@@ -194,6 +193,7 @@ The card footer is optional and should _**only**_ have a "View All" link that ta
194193
</Example>
195194

196195
## Examples
196+
197197
### Empty
198198

199199
When a card doesn't have any data, it is represented with the body and footer collapsed by default.
@@ -280,6 +280,7 @@ Placing contact tiles inside of an `slds-card__body` is an example of using `sld
280280
</Example>
281281

282282
## Layout
283+
283284
### Nested Cards
284285

285286
When a card is located inside of another card body, we remove the dropshadow and border of the nested cards. You can opt into adding the border back by applying `slds-card_boundary` to the `slds-card` element.
@@ -354,7 +355,6 @@ Adding `slds-card_boundary` to the `slds-card` element will give you back the ca
354355

355356
To combine several cards into a single card look, wrap the cards using `slds-card-wrapper`. Similar to the nested cards, adding `slds-card_boundary` to the `slds-card` element will give you back the card styling.
356357

357-
358358
<Example title="Cards Wrapped" >
359359
<CodeView>
360360
<WrappedCards/>

0 commit comments

Comments
 (0)