Sha256: 8067e8e330545c4ad6327bba523ec3e4f94c26aaee5beaaab88a35712f54490a
Contents?: true
Size: 1.07 KB
Versions: 8
Compression:
Stored size: 1.07 KB
Contents
import React from 'react'
import { Flex, FlexItem, Gauge } from '../../'
const GaugeSizing = (props) => (
<div>
<Flex
wrap
{...props}
>
<FlexItem
fixedSize="400px"
{...props}
>
<Gauge
chartData={[ { name: 'Point 1', value: 100 } ]}
id="gauge-sizing4"
{...props}
/>
</FlexItem>
<FlexItem
fixedSize="300px"
{...props}
>
<Gauge
chartData={[ { name: 'Point 2', value: 75 } ]}
id="gauge-sizing3"
{...props}
/>
</FlexItem>
<FlexItem
fixedSize="200px"
{...props}
>
<Gauge
chartData={[ { name: 'Point 3', value: 50 } ]}
id="gauge-sizing2"
{...props}
/>
</FlexItem>
<FlexItem fixedSize="125px">
<Gauge
chartData={[ { name: 'Point 4', value: 25 } ]}
id="gauge-sizing1"
{...props}
/>
</FlexItem>
</Flex>
</div>
)
export default GaugeSizing
Version data entries
8 entries across 8 versions & 1 rubygems