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

React components to support the MCP styleguide

import React from 'react';
import { CodeExample } from '@cimpress/react-components';
import NavTabCode from '!raw-loader!./navtab.jsx';
import NavTabDemo from './navtab.jsx';
import ComponentDoc from '../../shared/TabbedComponentDoc';
const NavTabDocs = () => {
    // NavTab proptypes
    const navTabPropInfos = [
        {
            name: 'children',
            type: 'node',
            default: '',
            description: 'Provide content for the NavTab as children.',
        },
        {
            name: 'className',
            type: 'string',
            default: '',
            description: 'Provide an additional class name for the nav tab.',
        },
        {
            name: 'vertical',
            type: 'boolean',
            default: 'false',
            description: 'Determines whether the tabs should be stacked vertically.',
        },
    ];
    // NavTabItem proptypes
    const navTabItemPropInfos = [
        {
            name: 'children',
            type: 'node',
            default: '',
            description: 'Provide content for the NavTabItem as children.',
        },
        {
            name: 'className',
            type: 'string',
            default: '',
            description: 'Provide an additional class name for the NavTabItem.',
        },
        {
            name: 'active',
            type: 'boolean',
            default: '',
            description: 'Determines whether this NavTabItem is active.',
        },
        {
            name: 'disabled',
            type: 'boolean',
            default: '',
            description: 'Determines whether this NavTabItem is disabled.',
        },
    ];
    return (React.createElement("div", null,
        React.createElement(ComponentDoc, { name: "NavTab", propInfos: navTabPropInfos }),
        React.createElement(ComponentDoc, { name: "NavTabItem", propInfos: navTabItemPropInfos, includeTabs: false },
            React.createElement(NavTabDemo, null),
            React.createElement(CodeExample, { code: NavTabCode }))));
};
export default NavTabDocs;
//# sourceMappingURL=index.js.map