diff --git a/docs/lib/Components/ButtonsPage.js b/docs/lib/Components/ButtonsPage.js index 0749f4cca..78eb76ab4 100644 --- a/docs/lib/Components/ButtonsPage.js +++ b/docs/lib/Components/ButtonsPage.js @@ -34,23 +34,42 @@ export default class ButtonsPage extends React.Component { {`Button.propTypes = { active: PropTypes.bool, + 'aria-label': PropTypes.string, block: PropTypes.bool, color: PropTypes.string, // default: 'secondary' disabled: PropTypes.bool, + outline: PropTypes.bool, // Pass in a Component to override default button element // example: react-router Link // default: 'button' - tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string]), + tag: PropTypes.oneOfType([ + PropTypes.func, + PropTypes.string, + PropTypes.shape({ $$typeof: PropTypes.symbol, render: PropTypes.func }), + PropTypes.arrayOf(PropTypes.oneOfType([ + PropTypes.func, + PropTypes.string, + PropTypes.shape({ $$typeof: PropTypes.symbol, render: PropTypes.func }), + ])) + ]), // ref will only get you a reference to the Button component, use innerRef to get a reference to the DOM element (for things like focus management). - innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.string]), + innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func, PropTypes.string]), onClick: PropTypes.func, size: PropTypes.string, + children: PropTypes.node, + className: PropTypes.string, + cssModule: PropTypes.object, // use close prop for BS4 close icon utility close: PropTypes.bool, +} + +Button.defaultProps = { + color: 'secondary', + tag: 'button', }`}