@cimpress/react-components
Version:
React components to support the MCP styleguide
37 lines • 1.31 kB
JavaScript
import * as React from 'react';
import { ProgressBar } from '../ProgressBar';
const meta = {
title: 'Components/ProgressBar',
component: ProgressBar,
};
export default meta;
export const Default = {
args: {
value: 50,
},
};
export const StatusVariants = {
render(props) {
return (React.createElement(React.Fragment, null,
React.createElement(ProgressBar, Object.assign({ status: "info" }, props)),
React.createElement(ProgressBar, Object.assign({ status: "success" }, props)),
React.createElement(ProgressBar, Object.assign({ status: "danger" }, props)),
React.createElement(ProgressBar, Object.assign({ status: "warning" }, props))));
},
args: {
value: 50,
},
};
export const SizeVariants = {
render(props) {
return (React.createElement(React.Fragment, null,
React.createElement(ProgressBar, Object.assign({ size: "s" }, props)),
React.createElement(ProgressBar, Object.assign({ size: "m" }, props)),
React.createElement(ProgressBar, Object.assign({ size: "l" }, props)),
React.createElement(ProgressBar, Object.assign({ size: "xl" }, props))));
},
args: {
value: 50,
},
};
//# sourceMappingURL=ProgressBar.stories.js.map