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