Sha256: edf8e43f59c00cdace77588abda30aad447ef2d2378fc3ed6f3724cded577fb9

Contents?: true

Size: 688 Bytes

Versions: 68

Compression:

Stored size: 688 Bytes

Contents

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

const BodyDark = () => {
  return (
    <div>
      <Body
          dark
          text="I am a body kit (Default)"
      />
      <Body
          color="light"
          dark
          text="I am a body kit (Light)"
      />
      <Body
          color="lighter"
          dark
          text="I am a body kit (Lighter)"
      />
      <br />
      <br />
      <Body
          dark
          status="negative"
          text="I am a body kit (Status: negative)"
      />
      <Body
          dark
          status="positive"
          text="I am a body kit (Status: positive)"
      />
    </div>
  )
}

export default BodyDark

Version data entries

68 entries across 68 versions & 1 rubygems

Version Path
playbook_ui-4.1.1 app/pb_kits/playbook/pb_body/docs/_body_dark.jsx
playbook_ui-4.1.0 app/pb_kits/playbook/pb_body/docs/_body_dark.jsx
playbook_ui-4.0.1 app/pb_kits/playbook/pb_body/docs/_body_dark.jsx
playbook_ui-4.0.0 app/pb_kits/playbook/pb_body/docs/_body_dark.jsx
playbook_ui-3.5.0 app/pb_kits/playbook/pb_body/docs/_body_dark.jsx
playbook_ui-3.4.0 app/pb_kits/playbook/pb_body/docs/_body_dark.jsx
playbook_ui-3.3.0 app/pb_kits/playbook/pb_body/docs/_body_dark.jsx
playbook_ui-3.2.0 app/pb_kits/playbook/pb_body/docs/_body_dark.jsx