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