@cimpress/react-components
Version:
React components to support the MCP styleguide
61 lines • 2.5 kB
JavaScript
import React from 'react';
import { CodeExample } from '@cimpress/react-components';
import ProgressBarCode from '!raw-loader!./progressbar.jsx';
import ProgressBarDemo from './progressbar.jsx';
import ComponentDoc from '../../shared/TabbedComponentDoc';
const ProgressBarDocs = () => {
const propInfos = [
{
name: 'size',
type: 'string',
description: (React.createElement("div", null,
"The height of the progress bar. One of the following:",
React.createElement("ul", null,
React.createElement("li", null, "s"),
React.createElement("li", null, "m"),
React.createElement("li", null, "l"),
React.createElement("li", null, "xl")))),
default: 's',
},
{
name: 'status',
type: 'string',
description: (React.createElement("div", null,
"The status determining the status color to apply to the progress bar. One of the following:",
React.createElement("ul", null,
React.createElement("li", null, "success"),
React.createElement("li", null, "warning"),
React.createElement("li", null, "danger"),
React.createElement("li", null, "info")))),
default: '',
},
{
name: 'color',
type: 'string',
description: (React.createElement("div", null,
"The color of the progress bar. If ",
React.createElement("code", null, "type"),
" is provided, then ",
React.createElement("code", null, "color"),
" will be ignored.")),
default: '',
},
{
name: 'value',
type: 'number (required)',
description: 'The current value of the progress bar. Must be a number from 0 to 100.',
default: '',
},
{
name: 'className',
type: 'string',
description: 'Additional class names to add to the progress bar.',
default: '',
},
];
return (React.createElement(ComponentDoc, { name: "Progress Bar", propInfos: propInfos },
React.createElement(ProgressBarDemo, null),
React.createElement(CodeExample, { code: ProgressBarCode })));
};
export default ProgressBarDocs;
//# sourceMappingURL=index.js.map