You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: ui/components/cards/docs.mdx
+6-6
Original file line number
Diff line number
Diff line change
@@ -62,7 +62,7 @@ The card header can have an icon, a title and actions. The icon and title are lo
62
62
63
63
#### Actions row
64
64
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.
66
66
67
67
##### Single action
68
68
@@ -102,9 +102,9 @@ The card body accommodates any layout or design, as long as its a grouping of re
102
102
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 <codeclassName="doc">slds-card__body_inner</code> class on the <codeclassName="doc">slds-card__body</code> element.
103
103
</Blockquote>
104
104
105
-
#### Default without Padding
105
+
#### Default without padding
106
106
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).
108
108
109
109
<Exampletitle="Cards Body No Padding">
110
110
<CodeView>
@@ -123,8 +123,7 @@ For an example of when to use the default behavior, see the [Data Table example]
123
123
124
124
#### With padding
125
125
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).
128
127
129
128
<Exampletitle="Cards Body With Padding">
130
129
<CodeView>
@@ -194,6 +193,7 @@ The card footer is optional and should _**only**_ have a "View All" link that ta
194
193
</Example>
195
194
196
195
## Examples
196
+
197
197
### Empty
198
198
199
199
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
280
280
</Example>
281
281
282
282
## Layout
283
+
283
284
### Nested Cards
284
285
285
286
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
354
355
355
356
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.
0 commit comments