@cimpress/react-components
Version:
React components to support the MCP styleguide
22 lines • 1.62 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 ButtonGroupDemo = () => (react_1.default.createElement("div", { className: "row" },
react_1.default.createElement("div", { className: "col-md-6" },
react_1.default.createElement(react_components_1.ButtonGroup, { variant: "justified" },
react_1.default.createElement(react_components_1.Button, { style: { minWidth: '100px' } }, "Left"),
react_1.default.createElement(react_components_1.Button, { value: "Middle", style: { minWidth: '100px' } }, "Middle"),
react_1.default.createElement(react_components_1.Button, { style: { minWidth: '100px' } }, "Right"))),
react_1.default.createElement("div", { className: "col-md-6" },
react_1.default.createElement(react_components_1.ButtonGroup, { variant: "vertical" },
react_1.default.createElement(react_components_1.Button, null, "Button"),
react_1.default.createElement(react_components_1.Button, null, "Button"),
react_1.default.createElement(react_components_1.Button, null, "Button"),
react_1.default.createElement(react_components_1.Button, null, "Button"),
react_1.default.createElement(react_components_1.Button, null, "Button")))));
exports.default = ButtonGroupDemo;
//# sourceMappingURL=buttonGroup.js.map