@cimpress/react-components/dist/esm/docs/components/card/index.js

React components to support the MCP styleguide

import React from 'react';
import { CodeExample } from '@cimpress/react-components';
import CardCode from '!raw-loader!./card.tsx';
import CardDemo from './card';
import ComponentDoc from '../../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.createElement("div", null,
                "The variant of card you are creating, providing one of the following values:",
                React.createElement("ul", null,
                    React.createElement("li", null, "default"),
                    React.createElement("li", null, "layout"),
                    React.createElement("li", null, "minimal")))),
        },
    ];
    return (React.createElement(ComponentDoc, { name: "Card", propInfos: propInfos },
        React.createElement(CardDemo, null),
        React.createElement(CodeExample, { code: CardCode })));
};
export default CardDocs;
//# sourceMappingURL=index.js.map