Caption

import React from 'react'
import { Caption } from 'playbook-ui'

const CaptionLight = (props) => {
  return (
    <div>
      <Caption
          text="Caption"
      />
      <Caption
          size="lg"
          text="Caption Large"
      />
      <Caption
          size="xs"
          text="Subcaption"
      />
    </div>
  )
}

export default CaptionLight

import React from 'react'
import { Caption } from 'playbook-ui'

const CaptionBlock = (props) => {
  return (
    <div>
      <Caption>
        {'Block'}
      </Caption>

      <Caption
          size="lg"
      >
        {'Large Block'}
      </Caption>

      <Caption
          size="xs"
      >
        {'Subcaption Block'}
      </Caption>
    </div>
  )
}

export default CaptionBlock

import React from 'react'
import { Caption } from 'playbook-ui'

const CaptionColors = (props) => {
  return (
    <div>
      <Caption
          text="Test colors"
      />
      <Caption
          color="success"
          text="Test colors"
      />
      <Caption
          color="error"
          text="Test colors"
      />
      <Caption
          color="link"
          text="Test colors"
      />
    </div>
  )
}

export default CaptionColors