Sha256: f7756bb4e5adb9c974fee2b7bccd2e0d0fdc6384b0688edebb2dbe75c3bc6e85

Contents?: true

Size: 1.44 KB

Versions: 491

Compression:

Stored size: 1.44 KB

Contents

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

const IconStatValueColor = (props) => {
  return (
    <div>
      <IconStatValue
          icon="globe-europe"
          text="Mercury"
          unit="AU"
          value={0.39}
          variant="blue"
          {...props}
      />
      <br />
      <IconStatValue
          icon="planet-ringed"
          text="Venus"
          unit="AU"
          value={0.723}
          variant="royal"
          {...props}
      />
      <br />
      <IconStatValue
          icon="planet-moon"
          text="Earth"
          unit="AU"
          value={1.0}
          variant="purple"
          {...props}
      />
      <br />
      <IconStatValue
          icon="solar-system"
          text="Mars"
          unit="AU"
          value={1.524}
          variant="teal"
          {...props}
      />
      <br />
      <IconStatValue
          icon="globe-americas"
          text="Jupitar"
          unit="AU"
          value={5.203}
          variant="red"
          {...props}
      />
      <br />
      <IconStatValue
          icon="globe-africa"
          text="Saturn"
          unit="AU"
          value={9.539}
          variant="yellow"
          {...props}
      />
      <br />
      <IconStatValue
          icon="globe"
          text="Uranus"
          unit="AU"
          value={19.18}
          variant="green"
          {...props}
      />
    </div>

  )
}

export default IconStatValueColor

Version data entries

491 entries across 491 versions & 2 rubygems

Version Path
playbook_ui-9.7.0.pre.alphawidth1 app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.jsx
playbook_ui-9.7.0.pre.alpha.a11y.btn app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.jsx
playbook_ui-9.7.0 app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.jsx
playbook_ui-9.6.1 app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.jsx
playbook_ui-9.6.1.pre.deps1 app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.jsx
playbook_ui-9.6.0 app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.jsx
playbook_ui-9.5.0.alpha.rs.downgrade app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.jsx
playbook_ui-9.5.0 app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.jsx
playbook_ui-9.4.0.alpha.sisense app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.jsx
playbook_ui-9.4.0.alpha.user.kit.bug app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.jsx
playbook_ui-9.4.0 app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.jsx
playbook_ui-9.3.1.pre.alpha2 app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.jsx
playbook_ui-9.4.0.pre.alpha2 app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.jsx
playbook_ui-9.4.0.pre.alpha1 app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.jsx
playbook_ui-9.3.1.pre.alpha1 app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.jsx
playbook_ui-9.3.0.alpha.inline3 app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.jsx
playbook_ui-9.3.0.pre.alpha.password.strength.2 app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.jsx
playbook_ui-9.3.0.alpha.inline2 app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.jsx
playbook_ui-9.3.0.alpha.inline1 app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.jsx
playbook_ui-9.3.0.pre.alpha.password.strength.1 app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.jsx