Sha256: 7c1f4c722692fca63bd9c63f9ebe5f5659dd816cc388d1c01b31517bb73bfb2a

Contents?: true

Size: 589 Bytes

Versions: 43

Compression:

Stored size: 589 Bytes

Contents

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

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

export default BodyLight

Version data entries

43 entries across 43 versions & 1 rubygems

Version Path
playbook_ui-5.5.0 app/pb_kits/playbook/pb_body/docs/_body_light.jsx
playbook_ui-5.5.0.pre.alpha1 app/pb_kits/playbook/pb_body/docs/_body_light.jsx
playbook_ui-5.4.0 app/pb_kits/playbook/pb_body/docs/_body_light.jsx