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_docs-14.11.1.pre.alpha.PLAY1720phonenumberinputformatAsYouType5377 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui-14.11.1.pre.alpha.PLAY1720phonenumberinputformatAsYouType5377 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui_docs-14.11.1.pre.alpha.play17725374 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui-14.11.1.pre.alpha.play17725374 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui_docs-14.11.1.pre.alpha.play17725372 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui-14.11.1.pre.alpha.play17725372 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui_docs-14.12.0.pre.rc.4 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui-14.12.0.pre.rc.4 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui_docs-14.11.1.pre.alpha.hfhbrakemanplaybook5370 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui-14.11.1.pre.alpha.hfhbrakemanplaybook5370 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui_docs-14.11.1.pre.alpha.responsivetablerails5364 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui-14.11.1.pre.alpha.responsivetablerails5364 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui_docs-14.11.1.pre.alpha.responsivetablerails5362 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui-14.11.1.pre.alpha.responsivetablerails5362 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui_docs-14.11.1.pre.alpha.PBNTR769sticky5359 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui-14.11.1.pre.alpha.PBNTR769sticky5359 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui_docs-14.11.1.pre.alpha.PBNTR573datepickerinvestigation5355 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui-14.11.1.pre.alpha.PBNTR573datepickerinvestigation5355 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui_docs-14.11.1.pre.alpha.PLAY1750pbcontenttagkitbutton5341 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
playbook_ui-14.11.1.pre.alpha.PLAY1750pbcontenttagkitbutton5341 app/pb_kits/playbook/pb_card/docs/_card_padding.jsx