Sha256: aa81622e9ea7b800c1ce56abe2dd5ab439be852a3a60319d77de4c4a1b097edc

Contents?: true

Size: 853 Bytes

Versions: 1919

Compression:

Stored size: 853 Bytes

Contents

import React from 'react'

import Card from '../_card'

const CardPadding = (props) => {
  return (
    <div>
      <Card
          {...props}
          padding="none"
      >
        {'Card content'}
      </Card>
      <br />
      <Card
          {...props}
          padding="xs"
      >
        {'Card content'}
      </Card>
      <br />
      <Card
          {...props}
          padding="sm"
      >
        {'Card content'}
      </Card>
      <br />
      <Card
          {...props}
          padding="md"
      >
        {'Card content'}
      </Card>
      <br />
      <Card
          {...props}
          padding="lg"
      >
        {'Card content'}
      </Card>
      <br />
      <Card
          {...props}
          padding="xl"
      >
        {'Card content'}
      </Card>
      <br />
    </div>
  )
}

export default CardPadding

Version data entries

1,919 entries across 1,919 versions & 2 rubygems

Version Path
playbook_ui-11.0.0 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui-11.0.0.pre.alpha.2 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui-11.0.0.pre.alpha.1 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui-10.26.1 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui-10.27.0.pre.lazysizes1 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui-10.27.0.pre.datepicker1 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui-10.26.0 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui-10.26.0.pre.alpha5 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui-10.26.0.pre.rc1 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui-10.26.0.pre.alpha.sticky1 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui-10.26.0.pre.alpha.display1 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui-10.26.0.pre.alpha3 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui-10.25.1 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui-10.26.0.pre.alpha1 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui-10.25.0 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui-10.25.0.pre.alpha3 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui-10.25.0.pre.treeshaking1 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui-10.24.0 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui-10.24.0.pre.alpha1 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui-10.23.0 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx