@cimpress/react-components
Version:
React components to support the MCP styleguide
15 lines • 1.57 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 IconBin_1 = __importDefault(require("@cimpress-technology/react-streamline-icons/lib/IconBin"));
const AccordionDemo = () => (react_1.default.createElement("div", null,
react_1.default.createElement(react_components_1.Accordion, { title: react_1.default.createElement("span", null, "I am a title"), className: "another-class" }, "I am accordion content!"),
react_1.default.createElement(react_components_1.Accordion, { defaultOpen: true, title: "Another accordion" }, "I am an accordion who defaults to being open."),
react_1.default.createElement(react_components_1.Accordion, { title: react_1.default.createElement("div", null, "A node title") }, "I am an accordion with a node title"),
react_1.default.createElement(react_components_1.Accordion, { title: react_1.default.createElement("span", null, "I have action buttons"), className: "another-class", actions: react_1.default.createElement(react_components_1.Button, { variant: "anchor", size: "lg", icon: react_1.default.createElement(IconBin_1.default, { size: "lg" }), onClick: () => console.log('Action clicked') }) }, "I am an accordion who has additional actions in the title.")));
exports.default = AccordionDemo;
//# sourceMappingURL=accordion.js.map