docbrown/app/javascript/crayons/Dropdown/Dropdown.jsx
Nick Taylor f557c9d474
Created preact component for crayons dropdown (#6961)
* Created barrel files so we can import directly from @crayons.

* Added stories for Dropdown for JSX.

* Tweaked Dropdown Storybook stories.

* Tweaked <Dropdown /> component.

* Added module mapping to jest for @crayons.

* Added tests for <Dropdown /> component.

* Removed Storybook custom decorator that is no longer required.
2020-03-31 09:42:21 -04:00

26 lines
602 B
JavaScript

import { h } from 'preact';
import PropTypes from 'prop-types';
import { defaultChildrenPropTypes } from '../../src/components/common-prop-types/default-children-prop-types';
export const Dropdown = ({ children, className }) => {
return (
<div
className={`crayons-dropdown${
className && className.length > 0 ? ` ${className}` : ''
}`}
>
{children}
</div>
);
};
Dropdown.defaultProps = {
className: undefined,
};
Dropdown.displayName = 'Dropdown';
Dropdown.propTypes = {
children: defaultChildrenPropTypes.isRequired,
className: PropTypes.string,
};