Sha256: e1796147b49a420565073f6298ae3334e0a423b938e814684fb895a35ee6e6ff

Contents?: true

Size: 616 Bytes

Versions: 14

Compression:

Stored size: 616 Bytes

Contents

/* @flow */

import React from 'react'
import classnames from 'classnames'
import { Body, Caption } from '../'

type LabelValueProps = {
  className?: String,
  label: String,
  value: String,
  dark?: Boolean
}

const LabelValue = ({
  className,
  label,
  value,
  dark = false,
}: LabelValueProps) => {
  const themeStyle = dark === true ? '_dark' : ''
  const css = classnames([
    'pb_label_value_kit' + themeStyle,
    className,
  ])

  return (
    <div className={css}>
      <Caption
          text={label}
      />
      <Body
          text={value}
      />
    </div>
  )
}

export default LabelValue

Version data entries

14 entries across 14 versions & 1 rubygems

Version Path
playbook_ui-4.17.0.pre.alpha1 app/pb_kits/playbook/pb_label_value/_label_value.jsx
playbook_ui-4.16.0 app/pb_kits/playbook/pb_label_value/_label_value.jsx
playbook_ui-4.15.0 app/pb_kits/playbook/pb_label_value/_label_value.jsx
playbook_ui-4.14.0 app/pb_kits/playbook/pb_label_value/_label_value.jsx
playbook_ui-4.15.1.alpha1 app/pb_kits/playbook/pb_label_value/_label_value.jsx
playbook_ui-4.13.1 app/pb_kits/playbook/pb_label_value/_label_value.jsx
playbook_ui-4.13.0 app/pb_kits/playbook/pb_label_value/_label_value.jsx
playbook_ui-4.12.0 app/pb_kits/playbook/pb_label_value/_label_value.jsx
playbook_ui-4.11.0 app/pb_kits/playbook/pb_label_value/_label_value.jsx
playbook_ui-4.11.0.pre.alpha3 app/pb_kits/playbook/pb_label_value/_label_value.jsx
playbook_ui-4.11.0.pre.alpha.pre.2 app/pb_kits/playbook/pb_label_value/_label_value.jsx
playbook_ui-4.10.0 app/pb_kits/playbook/pb_label_value/_label_value.jsx
playbook_ui-4.10.0.pre.alpha1 app/pb_kits/playbook/pb_label_value/_label_value.jsx
playbook_ui-4.9.0.pre.alpha1 app/pb_kits/playbook/pb_label_value/_label_value.jsx