Sha256: 463e352e0af92e9509aa88368adedd9447ca0713232d97efeb84062f2c25e438

Contents?: true

Size: 1.46 KB

Versions: 37

Compression:

Stored size: 1.46 KB

Contents

import React from 'react'
import Title from '../../pb_title/_title'
import { Body } from '../../'
import Card from '../_card.jsx'

const CardBackground = (props) => {
  return (
    <div>
      <Title
          {...props}
          size={4}
          tag="h4"
          text="Card Colors"
      />

      <br />

      <Card
          background="dark"
          dark
          {...props}
      >
        <Body
            color="lighter"
            text="Dark"
            {...props}
        />
      </Card>

      <br />

      <Card>
        <Body
            text="White"
        />
      </Card>

      <br />

      <Card
          background="light"
          {...props}
      >
        <Body
            text="Light"
        />
      </Card>

      <br />

      <Title
          {...props}
          size={4}
          tag="h4"
          text="Product Colors"
      />

      <br />

      <Card
          background="windows"
          {...props}
      >
        <Body
            color="lighter"
            text="Windows"
            {...props}
        />
      </Card>

      <br />

      <Card
          background="siding"
          {...props}
      >
        <Body
            text="Siding"
            {...props}
        />
      </Card>

      <br />

      <Card
          background="doors"
          {...props}
      >
        <Body
            text="Doors"
            {...props}
        />
      </Card>

      <br />
    </div>
  )
}

export default CardBackground

Version data entries

37 entries across 37 versions & 1 rubygems

Version Path
playbook_ui-10.21.0.pre.alpha.lightbox app/pb_kits/playbook/pb_card/docs/_card_background.jsx
playbook_ui-10.21.0.pre.alpha.rg1 app/pb_kits/playbook/pb_card/docs/_card_background.jsx
playbook_ui-10.21.0.pre.alpha.jg1 app/pb_kits/playbook/pb_card/docs/_card_background.jsx
playbook_ui-10.21.0.pre.alpha.na1 app/pb_kits/playbook/pb_card/docs/_card_background.jsx
playbook_ui-10.21.0.pre.alpha.jd1 app/pb_kits/playbook/pb_card/docs/_card_background.jsx
playbook_ui-10.20.0 app/pb_kits/playbook/pb_card/docs/_card_background.jsx
playbook_ui-10.19.0 app/pb_kits/playbook/pb_card/docs/_card_background.jsx
playbook_ui-10.19.0.pre.lightbox app/pb_kits/playbook/pb_card/docs/_card_background.jsx
playbook_ui-10.18.2 app/pb_kits/playbook/pb_card/docs/_card_background.jsx
playbook_ui-10.19.0.pre.popover.alpha1 app/pb_kits/playbook/pb_card/docs/_card_background.jsx
playbook_ui-10.18.1 app/pb_kits/playbook/pb_card/docs/_card_background.jsx
playbook_ui-10.18.0 app/pb_kits/playbook/pb_card/docs/_card_background.jsx
playbook_ui-10.17.0 app/pb_kits/playbook/pb_card/docs/_card_background.jsx
playbook_ui-10.16.0 app/pb_kits/playbook/pb_card/docs/_card_background.jsx
playbook_ui-10.15.1 app/pb_kits/playbook/pb_card/docs/_card_background.jsx
playbook_ui-10.15.1.pre.alpha.rubocop.deps app/pb_kits/playbook/pb_card/docs/_card_background.jsx
playbook_ui-10.15.0 app/pb_kits/playbook/pb_card/docs/_card_background.jsx