@cimpress/react-components
Version:
React components to support the MCP styleguide
87 lines • 3.79 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 dropdown_jsx_1 = __importDefault(require("!raw-loader!./dropdown.jsx"));
const dropdown_jsx_2 = __importDefault(require("./dropdown.jsx"));
const TabbedComponentDoc_1 = __importDefault(require("../../shared/TabbedComponentDoc"));
const DropdownDocs = () => {
const propInfos = [
{
name: 'style',
type: 'object',
default: '',
description: 'Inline styles to be applied to the root dropdown div.',
},
{
name: 'className',
type: 'string',
default: '',
description: 'Additional class names to be applied to the dropdown btn-group.',
},
{
name: 'variant',
type: 'string',
default: 'default',
description: (react_1.default.createElement("div", null,
"The variant of dropdown 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, "simple"),
react_1.default.createElement("li", null, "navtab")),
"If ",
react_1.default.createElement("code", null, "navtab"),
" is used, the ",
react_1.default.createElement("code", null, "as"),
" prop will be overridden to be a",
' ',
react_1.default.createElement("code", null, '<li> </li>'),
" tag and the",
react_1.default.createElement("code", null, "innerAs"),
" prop will be overridden to be a ",
react_1.default.createElement("code", null, '<a> </a>'),
" tag.")),
},
{
name: 'title',
type: 'node',
default: '',
description: 'Title for the dropdown button.',
},
{
name: 'disabled',
type: 'boolean',
default: 'false',
description: 'Whether or not to disable the dropdown button. If there are no children, the dropdown will be disabled by default.',
},
{
name: 'children',
type: 'node',
default: '',
description: (react_1.default.createElement("span", null,
"Items to display in the dropdown. These should probably be ",
react_1.default.createElement("code", null, "<a>"),
" or",
' ',
react_1.default.createElement("code", null, "<button>"),
" elements. An ",
react_1.default.createElement("code", null, "<hr/>"),
" can be used to create a divider.")),
},
{
name: 'as',
type: 'string',
default: 'div',
description: `What html tag to use as the root containing dom element.
Will be set to a list item tag (<li> </li>) if using navtab type.`,
},
];
return (react_1.default.createElement(TabbedComponentDoc_1.default, { name: "Dropdown", propInfos: propInfos },
react_1.default.createElement(dropdown_jsx_2.default, null),
react_1.default.createElement(react_components_1.CodeExample, { code: dropdown_jsx_1.default })));
};
exports.default = DropdownDocs;
//# sourceMappingURL=index.js.map