@prezly/theme-kit-ui
Version:
UI components for Prezly themes
24 lines • 958 B
JavaScript
import React from "react";
import { Dropdown } from "./index.mjs";
var meta = {
title: 'Forms/Dropdown',
component: Dropdown,
decorators: [Story => /*#__PURE__*/React.createElement("div", {
className: "bg-gray-100 p-10"
}, /*#__PURE__*/React.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'
}
}
};
export default meta;
var ITEMS = ['All categories', 'Product releases', 'Events', 'Awards', 'Research and development', 'Healthcare', 'Artificial intelligence'];
var DropdownTemplate = args => /*#__PURE__*/React.createElement(Dropdown, args, /*#__PURE__*/React.createElement(Dropdown.Group, null, ITEMS.map(item => /*#__PURE__*/React.createElement(Dropdown.Item, {
key: item
}, item))));
export var Default = DropdownTemplate.bind({});
Default.args = {
label: 'Categories'
};