@cimpress/react-components
Version:
React components to support the MCP styleguide
50 lines • 1.95 kB
JavaScript
import React from 'react';
import { CodeExample } from '@cimpress/react-components';
import LabelCode from '!raw-loader!./label.jsx';
import LabelDemo from './label.jsx';
import ComponentDoc from '../../shared/TabbedComponentDoc';
const LabelDocs = () => {
const propInfos = [
{
name: 'status',
type: 'string(required)',
description: (React.createElement("div", null,
"One of the following:",
React.createElement("ul", null,
React.createElement("li", null, "default"),
React.createElement("li", null, "primary"),
React.createElement("li", null, "success"),
React.createElement("li", null, "warning"),
React.createElement("li", null, "danger"),
React.createElement("li", null, "info")))),
default: 'default',
},
{
name: 'size',
type: 'string',
description: (React.createElement("div", null,
"One of the following:",
React.createElement("ul", null,
React.createElement("li", null, "sm"),
React.createElement("li", null, "lg")),
"If not defined, will default to a medium size.")),
default: '',
},
{
name: 'text',
type: 'string(required)',
description: 'The text shown on the label.',
default: '',
},
{
name: 'className',
type: 'string',
description: 'Additional class names to add to the label.',
},
];
return (React.createElement(ComponentDoc, { name: "Label", propInfos: propInfos },
React.createElement(LabelDemo, null),
React.createElement(CodeExample, { code: LabelCode })));
};
export default LabelDocs;
//# sourceMappingURL=index.js.map