Sha256: 62fa70e73b3f7921e28006a7e64da63a915d90a6e2468a9a5ac617158d11c4b2
Contents?: true
Size: 1.61 KB
Versions: 574
Compression:
Stored size: 1.61 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}
/>
<br />
<IconStatValue
icon="globe"
text="Uranus"
unit="AU"
value={19.18}
variant="orange"
{...props}
/>
</div>
)
}
export default IconStatValueColor
Version data entries
574 entries across 574 versions & 2 rubygems