@cimpress/react-components
Version:
React components to support the MCP styleguide
20 lines • 1.3 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 = 'TypeScript should be used for new node.js APIs.';
return (react_1.default.createElement("div", null,
react_1.default.createElement("div", { className: "row" },
react_1.default.createElement("div", { className: "col-md-4" },
react_1.default.createElement("h6", null, "Copying the value:"),
react_1.default.createElement(react_components_1.Copy, { value: "109313489123.49" }, "$109,313,489,123.49")),
react_1.default.createElement("div", { className: "col-md-4" },
react_1.default.createElement("h6", null, "Customized tooltip & Duration"),
react_1.default.createElement(react_components_1.Copy, { value: textToCopy, successMessage: "Yay! Copied!", hoverText: "Do the clickity click to copy to clipboard", duration: 500 }, textToCopy)))));
};
exports.default = CodeBlockDemo;
//# sourceMappingURL=copyText.js.map