lucid-ui
Version:
A UI component library from Xandr.
34 lines • 1.5 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.ExampleComponent = void 0;
// Required for all new components
var react_1 = __importDefault(require("react"));
var style_helpers_1 = require("../../util/style-helpers");
var cx = style_helpers_1.lucidClassNames.bind('&-ExampleComponent');
var ExampleComponent = function (_a) {
var className = _a.className, children = _a.children, isX = _a.isX, style = _a.style;
var handleX = function () {
alert('This is an example of a handler function');
};
return (react_1.default.createElement("div", { className: cx('&', className, {
'&-isX': isX,
}), style: style, onClick: handleX }, children));
};
exports.ExampleComponent = ExampleComponent;
/**
* {"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.
*/
exports.ExampleComponent.categories = ['Documentation'];
exports.ExampleComponent.description = "An example component";
exports.ExampleComponent.displayName = 'ExampleComponent';
exports.default = exports.ExampleComponent;
//# sourceMappingURL=ExampleComponent.js.map