Sha256: 01b2e01823183619b2f6d26fbd8dc1a6bf05a0ee3d6a5ba5a2a0d450cdca5bf9

Contents?: true

Size: 518 Bytes

Versions: 4

Compression:

Stored size: 518 Bytes

Contents

import React from 'react'
import Card from '../_card.jsx'

function CardPadding() {
  return (
    <div>
      <Card padding='none'>{`Card content`}</Card>
      <br/>
      <Card padding='xs'>{`Card content`}</Card>
      <br/>
      <Card padding='sm'>{`Card content`}</Card>
      <br/>
      <Card padding='md'>{`Card content`}</Card>
      <br/>
      <Card padding='lg'>{`Card content`}</Card>
      <br/>
      <Card padding='xl'>{`Card content`}</Card>
      <br/>
    </div>
  )
}

export default CardPadding

Version data entries

4 entries across 4 versions & 1 rubygems

Version Path
playbook_ui-2.9.1 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui-2.9.0 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui-2.8.9 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui-2.8.8 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx