@wonderflow/react-components
Version:
UI components from Wonderflow's Wanda design system
32 lines (31 loc) • 794 B
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { CircularProgress } from './circular-progress';
const story = {
title: 'Loading/Circular progress',
component: CircularProgress,
args: {
max: 100,
dimension: 'regular',
showProgress: true,
showPercentSign: false,
},
argTypes: {
value: {
control: {
type: 'range',
min: 0,
max: 100,
},
},
dimension: {
options: ['small', 'regular', 'big'],
control: { type: 'inline-radio' },
},
},
};
export default story;
const Template = args => _jsx(CircularProgress, { ...args });
export const Determinate = Template.bind({});
Determinate.args = {
value: 2000,
};