Sha256: 8ccdbb088de6e858bc8f88aa60ac81d151dad009d85c1f7c41fab1c831e33a85

Contents?: true

Size: 514 Bytes

Versions: 11

Compression:

Stored size: 514 Bytes

Contents

import React from 'react'
import {Card} from '../../'

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

11 entries across 11 versions & 1 rubygems

Version Path
playbook_ui-3.1.0 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui-3.0.1 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui-3.0.0 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui-2.9.9 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui-2.9.8 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui-2.9.7 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui-2.9.6 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui-2.9.5 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui-2.9.4 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui-2.9.3 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui-2.9.2 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx