@wix/design-system
Version:
@wix/design-system
21 lines • 821 B
JavaScript
import React from 'react';
import Box from '../Box';
import Button from '../Button';
import Popover from './Popover';
export default {
title: 'Popover',
component: Popover,
};
const ControlledPopover = () => {
const [isOpen, setIsOpen] = React.useState(false);
const toggle = () => setIsOpen(!isOpen);
return (React.createElement(Popover, { shown: isOpen, onClickOutside: toggle },
React.createElement(Popover.Element, null,
React.createElement(Button, { onClick: toggle }, "Element")),
React.createElement(Popover.Content, null,
React.createElement(Box, { padding: "10px" }, "Content"))));
};
const Template = () => React.createElement(ControlledPopover, null);
export const Basic = Template.bind({});
Basic.args = {};
//# sourceMappingURL=Popover.story.js.map