Sha256: db70deb0ffdce90c20731f88cef2333cfbf8dd27a17b14fec5020c55ba30a7a2
Contents?: true
Size: 1.62 KB
Versions: 948
Compression:
Stored size: 1.62 KB
Contents
import React from 'react'
import { IconStatValue } from 'playbook-ui'
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}
/>
<br />
<IconStatValue
icon="globe"
text="Uranus"
unit="AU"
value={19.18}
variant="orange"
{...props}
/>
</div>
)
}
export default IconStatValueColor
Version data entries
948 entries across 948 versions & 2 rubygems