element-prop-types

React PropType for props-elements

Usage no npm install needed!

<script type="module">
  import elementPropTypes from 'https://cdn.skypack.dev/element-prop-types';
</script>

README

element-prop-types

React PropTypes for props-elements

npm npm GitHub license

Install

npm install --save element-prop-types

Usage

const ElementPropTypes = require('element-prop-types');

const Modal = ({ header, items }) => (
    <div>
        <div>{header}</div>
        <div>{items}</div>
    </div>
);

Modal.propTypes = {
    header: ElementPropTypes.elementOf(Header).isRequired,
    items: PropTypes.arrayOf(ElementPropTypes.elementOf(Item))
};

// render Modal
React.render(
    <Modal
       header={<Header title="This is modal" />}
       items={[
           <Item/>,
           <Item/>,
           <Item/>
       ]}
    />,
    rootElement
);

API

elementOf(Component)

checks the type of a React element