@cimpress/react-components
Version:
React components to support the MCP styleguide
27 lines • 1.65 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 CodeBlockDemo = () => {
const textToCopy = 'I will be copied into the Clipboard.';
return (react_1.default.createElement("div", null,
react_1.default.createElement("h5", null,
"Click to copy \"",
textToCopy,
"\""),
react_1.default.createElement("div", { className: "row" },
react_1.default.createElement("div", { className: "col-md-4" },
react_1.default.createElement("h6", null, "Default button"),
react_1.default.createElement(react_components_1.Copy, { variant: "button", value: textToCopy })),
react_1.default.createElement("div", { className: "col-md-4" },
react_1.default.createElement("h6", null, "Overridden message"),
react_1.default.createElement(react_components_1.Copy, { variant: "button", value: textToCopy, successMessage: "Yey! Copied!" }, "Copy Now")),
react_1.default.createElement("div", { className: "col-md-4" },
react_1.default.createElement("h6", null, "Different style"),
react_1.default.createElement(react_components_1.Copy, { variant: "button", value: textToCopy, successMessage: "Yey! Copied!" }, "Copy Now")))));
};
exports.default = CodeBlockDemo;
//# sourceMappingURL=copyButton.js.map