@cimpress/react-components
Version:
React components to support the MCP styleguide
22 lines • 1.75 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 CardDemo = () => (react_1.default.createElement("div", { className: "card-deck" },
react_1.default.createElement(react_components_1.Card, { header: "Card with Text Header" },
react_1.default.createElement("p", { className: "card-text" }, "This is a regular card."),
react_1.default.createElement("p", { className: "card-text" }, "It is fairly pedestrian."),
react_1.default.createElement("p", { className: "card-text" }, "You can use it to organize content.")),
react_1.default.createElement(react_components_1.Card, { header: "Minimal!", isMinimal: true },
react_1.default.createElement("p", { className: "card-text" }, "A card with a more minimal header style and a button."),
react_1.default.createElement("p", { className: "card-text" }, "It looks so shiny."),
react_1.default.createElement(react_components_1.Button, { variant: "primary" }, "Primary CTA")),
react_1.default.createElement(react_components_1.Card, { variant: "layout", header: "White Layout Card" },
react_1.default.createElement("p", { className: "card-text" }, "This is a layout card."),
react_1.default.createElement("p", { className: "card-text" }, "It has no border or header underline."),
react_1.default.createElement("p", { className: "card-text" }, "It looks simple and clean."))));
exports.default = CardDemo;
//# sourceMappingURL=card.js.map