@cimpress/react-components
Version:
React components to support the MCP styleguide
20 lines • 1.54 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 LabelDemo = () => (react_1.default.createElement("div", { className: "row" },
react_1.default.createElement("div", { className: "col-md-12" },
react_1.default.createElement(react_components_1.Label, { text: "Default" }),
react_1.default.createElement(react_components_1.Label, { text: "Primary", status: "primary" }),
react_1.default.createElement(react_components_1.Label, { text: "Success", status: "success" }),
react_1.default.createElement(react_components_1.Label, { text: "Warning", status: "warning" }),
react_1.default.createElement(react_components_1.Label, { text: "Danger", status: "danger" }),
react_1.default.createElement(react_components_1.Label, { text: "Info", status: "info" }),
react_1.default.createElement(react_components_1.Label, { text: "Custom added class", className: "specialized-added-class", style: { color: 'green' } }),
react_1.default.createElement(react_components_1.Label, { text: "Large", status: "info", size: "lg" }),
react_1.default.createElement(react_components_1.Label, { text: "Small", status: "info", size: "sm" }))));
exports.default = LabelDemo;
//# sourceMappingURL=label.js.map