@prezly/theme-kit-ui
Version:
UI components for Prezly themes
31 lines (30 loc) • 1.29 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.Default = void 0;
var _react = _interopRequireDefault(require("react"));
var _index = require("./index.cjs");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
var meta = {
title: 'Forms/Dropdown',
component: _index.Dropdown,
decorators: [Story => /*#__PURE__*/_react.default.createElement("div", {
className: "bg-gray-100 p-10"
}, /*#__PURE__*/_react.default.createElement(Story, null))],
parameters: {
design: {
type: 'figma',
url: 'https://www.figma.com/file/46dEAasj1iEtrVQOwmMswB/00--%3E-Themes-Design-System?type=design&node-id=633-23947&mode=dev'
}
}
};
var _default = exports.default = meta;
var ITEMS = ['All categories', 'Product releases', 'Events', 'Awards', 'Research and development', 'Healthcare', 'Artificial intelligence'];
var DropdownTemplate = args => /*#__PURE__*/_react.default.createElement(_index.Dropdown, args, /*#__PURE__*/_react.default.createElement(_index.Dropdown.Group, null, ITEMS.map(item => /*#__PURE__*/_react.default.createElement(_index.Dropdown.Item, {
key: item
}, item))));
var Default = exports.Default = DropdownTemplate.bind({});
Default.args = {
label: 'Categories'
};