@cimpress/react-components
Version:
React components to support the MCP styleguide
66 lines • 3.06 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const react_components_1 = require("@cimpress/react-components");
const progressbar_jsx_1 = __importDefault(require("!raw-loader!./progressbar.jsx"));
const progressbar_jsx_2 = __importDefault(require("./progressbar.jsx"));
const TabbedComponentDoc_1 = __importDefault(require("../../shared/TabbedComponentDoc"));
const ProgressBarDocs = () => {
const propInfos = [
{
name: 'size',
type: 'string',
description: (react_1.default.createElement("div", null,
"The height of the progress bar. One of the following:",
react_1.default.createElement("ul", null,
react_1.default.createElement("li", null, "s"),
react_1.default.createElement("li", null, "m"),
react_1.default.createElement("li", null, "l"),
react_1.default.createElement("li", null, "xl")))),
default: 's',
},
{
name: 'status',
type: 'string',
description: (react_1.default.createElement("div", null,
"The status determining the status color to apply to the progress bar. One of the following:",
react_1.default.createElement("ul", null,
react_1.default.createElement("li", null, "success"),
react_1.default.createElement("li", null, "warning"),
react_1.default.createElement("li", null, "danger"),
react_1.default.createElement("li", null, "info")))),
default: '',
},
{
name: 'color',
type: 'string',
description: (react_1.default.createElement("div", null,
"The color of the progress bar. If ",
react_1.default.createElement("code", null, "type"),
" is provided, then ",
react_1.default.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_1.default.createElement(TabbedComponentDoc_1.default, { name: "Progress Bar", propInfos: propInfos },
react_1.default.createElement(progressbar_jsx_2.default, null),
react_1.default.createElement(react_components_1.CodeExample, { code: progressbar_jsx_1.default })));
};
exports.default = ProgressBarDocs;
//# sourceMappingURL=index.js.map