import React, { useState } from 'react'; import { LinearGauge } from 'reaviz'; import { LinearGaugeSeries } from 'reaviz'; import { LinearGaugeBar } from 'reaviz'; import { LinearGaugeOuterBar } from 'reaviz'; export default { tags: ['snapshot'], title: 'Charts/Gauge/Linear/Single-Series', component: LinearGauge, subcomponents: { LinearGaugeSeries, LinearGauge, LinearGaugeBar, LinearGaugeOuterBar } }; export const Simple = () => (

Risk Score

); export const AutoSize = () => { const [width, setWidth] = useState(300); return (

); }; export const NonZeroStart = () => (
); NonZeroStart.story = { name: 'Non-Zero Start' }; export const MultipleGauges = () => (



);