@cimpress/react-components
Version:
React components to support the MCP styleguide
48 lines • 2.11 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 card_tsx_1 = __importDefault(require("!raw-loader!./card.tsx"));
const card_1 = __importDefault(require("./card"));
const TabbedComponentDoc_1 = __importDefault(require("../../shared/TabbedComponentDoc"));
const CardDocs = () => {
const propInfos = [
{
name: 'children',
type: 'node',
default: '',
description: 'The body of the card. Can be anything.',
},
{
name: 'header',
type: 'node',
default: '',
description: 'The header of the card. Typically a title or an svg such as a CardHeader from Shapes. If not provided, no header will render.',
},
{
name: 'isMinimal',
type: 'boolean',
default: '',
description: 'Simplifies the look of the header. Defaults to false.',
},
{
name: 'variant',
type: 'string',
default: 'default',
description: (react_1.default.createElement("div", null,
"The variant of card you are creating, providing one of the following values:",
react_1.default.createElement("ul", null,
react_1.default.createElement("li", null, "default"),
react_1.default.createElement("li", null, "layout"),
react_1.default.createElement("li", null, "minimal")))),
},
];
return (react_1.default.createElement(TabbedComponentDoc_1.default, { name: "Card", propInfos: propInfos },
react_1.default.createElement(card_1.default, null),
react_1.default.createElement(react_components_1.CodeExample, { code: card_tsx_1.default })));
};
exports.default = CardDocs;
//# sourceMappingURL=index.js.map