Skip to content
Permalink
Browse files

fix(cards): Fix broken card doc links (#3322)

  • Loading branch information...
Ayesha Mazumdar
Ayesha Mazumdar committed Jun 13, 2018
1 parent 7880484 commit 7b48637a08ea119e458f84445dc7b8d41925f5b0
Showing with 6 additions and 6 deletions.
  1. +6 −6 ui/components/cards/docs.mdx
@@ -62,7 +62,7 @@ The card header can have an icon, a title and actions. The icon and title are lo

#### Actions row

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.
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.

##### Single action

@@ -102,9 +102,9 @@ The card body accommodates any layout or design, as long as its a grouping of re
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.
</Blockquote>

#### Default without Padding
#### Default without padding

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

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

#### With padding

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

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

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

## Examples

### Empty

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
</Example>

## Layout

### Nested Cards

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

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.


<Example title="Cards Wrapped" >
<CodeView>
<WrappedCards/>

0 comments on commit 7b48637

Please sign in to comment.
You can’t perform that action at this time.