Sha256: a16e796d4065467ba04b497229c21925be1e5ad224d5368b0ab35135112c3fe9

Contents?: true

Size: 1.5 KB

Versions: 2

Compression:

Stored size: 1.5 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"
            {...props}
        />
      </Card>

      <br />

      <Card
          background="light"
          {...props}
      >
        <Body
            text="Light"
            {...props}
        />
      </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

2 entries across 2 versions & 1 rubygems

Version Path
playbook_ui-10.14.1.pre.alpha2 app/pb_kits/playbook/pb_card/docs/_card_background.jsx
playbook_ui-10.14.1.pre.alpha1 app/pb_kits/playbook/pb_card/docs/_card_background.jsx