@cimpress/react-components
Version:
React components to support the MCP styleguide
57 lines • 2.56 kB
JavaScript
;
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 copyButton_jsx_1 = __importDefault(require("!raw-loader!./copyButton.jsx"));
const copyButton_jsx_2 = __importDefault(require("./copyButton.jsx"));
const copyText_jsx_1 = __importDefault(require("!raw-loader!./copyText.jsx"));
const copyText_jsx_2 = __importDefault(require("./copyText.jsx"));
const TabbedComponentDoc_1 = __importDefault(require("../../shared/TabbedComponentDoc"));
const CopyDocs = () => {
const propInfos = [
{
name: 'variant',
type: "string ('button' | 'text' | 'inline')",
default: 'text',
description: 'The variant of copy component user wants to use. Button, text or inline.',
},
{
name: 'value',
type: 'string',
description: react_1.default.createElement("span", null, "The text to copy to clipboard"),
},
{
name: 'children',
type: 'string|Node',
default: 'Copy',
description: react_1.default.createElement("span", null, "The content of the button."),
},
{
name: 'hoverText',
type: 'string',
description: 'Text to display in tooltip when user covers over component.',
},
{
name: 'successMessage',
type: 'string',
default: 'Copied successfully',
description: react_1.default.createElement("span", null, "The message to show in a Snackbar when copying is finished."),
},
{
name: 'duration',
type: 'number',
default: '1500',
description: 'How long (in milliseconds) to show the success message',
},
];
return (react_1.default.createElement(TabbedComponentDoc_1.default, { name: "Copy", propInfos: propInfos },
react_1.default.createElement(copyText_jsx_2.default, null),
react_1.default.createElement(react_components_1.CodeExample, { code: copyText_jsx_1.default }),
react_1.default.createElement(copyButton_jsx_2.default, null),
react_1.default.createElement(react_components_1.CodeExample, { code: copyButton_jsx_1.default })));
};
exports.default = CopyDocs;
//# sourceMappingURL=index.js.map