lucid-ui
Version:
A UI component library from Xandr.
26 lines • 1.07 kB
JavaScript
// Required for all new components
import React from 'react';
import { lucidClassNames } from '../../util/style-helpers';
const cx = lucidClassNames.bind('&-ExampleComponent');
export const ExampleComponent = ({ className, children, isX, style, }) => {
const handleX = () => {
alert('This is an example of a handler function');
};
return (React.createElement("div", { className: cx('&', className, {
'&-isX': isX,
}), style: style, onClick: handleX }, children));
};
/**
* {"categories": ["category"]}
*
* Update the "category" array to set the category or categories your component falls under.
* You can see available categories in the Storybook left hand column.
*
* Describe your component here. How it should be used, use cases and more.
* Please see examples for more information.
*/
ExampleComponent.categories = ['Documentation'];
ExampleComponent.description = `An example component`;
ExampleComponent.displayName = 'ExampleComponent';
export default ExampleComponent;
//# sourceMappingURL=ExampleComponent.js.map