@cimpress/react-components
Version:
React components to support the MCP styleguide
17 lines • 1.24 kB
JavaScript
"use strict";
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 ProgressBarDemo = () => (react_1.default.createElement("div", { className: "row" },
react_1.default.createElement("div", { className: "col-md-12" },
react_1.default.createElement(react_components_1.ProgressBar, { value: 20 }),
react_1.default.createElement(react_components_1.ProgressBar, { status: "info", size: "m", value: 40 }),
react_1.default.createElement(react_components_1.ProgressBar, { status: "success", size: "l", value: 60 }),
react_1.default.createElement(react_components_1.ProgressBar, { status: "warning", size: "xl", value: 80 }),
react_1.default.createElement(react_components_1.ProgressBar, { status: "danger", value: 100 }),
react_1.default.createElement(react_components_1.ProgressBar, { color: react_components_1.colors.persimmon.base, value: 30 }))));
exports.default = ProgressBarDemo;
//# sourceMappingURL=progressbar.js.map