@wix/design-system
Version:
@wix/design-system
3 lines • 1.66 kB
JavaScript
export var trigger = "\n<PopoverMenu\n triggerElement={<IconButton priority=\"secondary\"><Icons.More /></IconButton>}>\n <PopoverMenu.MenuItem\n text=\"option 1\"\n />\n <PopoverMenu.MenuItem\n text=\"option 2\"\n />\n <PopoverMenu.MenuItem\n text=\"option 3\"\n />\n</PopoverMenu>\n";
export var renderprops = "\n<PopoverMenu\n triggerElement={({toggle, open, close}) =>\n <IconButton onClick={toggle} onMouseEnter={open} onMouseLeave={close}\n priority=\"secondary\"><Icons.More /></IconButton>}>\n <PopoverMenu.MenuItem text=\"Add\" />\n <PopoverMenu.Divider />\n <PopoverMenu.MenuItem text=\"Edit\" />\n <PopoverMenu.Divider />\n <PopoverMenu.MenuItem text=\"Delete\" />\n</PopoverMenu>\n ";
export var wrap = "\n<Layout cols={2} gap={0} justifyItems=\"center\">\n <PopoverMenu\n ellipsis\n triggerElement={<IconButton priority=\"secondary\"><Icons.More /></IconButton>}\n >\n <PopoverMenu.MenuItem\n text=\"very long message very long\"\n />\n <PopoverMenu.Divider />\n <PopoverMenu.MenuItem\n text=\"very long message very long\"\n />\n <PopoverMenu.Divider />\n <PopoverMenu.MenuItem\n text=\"very long message very long\"\n />\n </PopoverMenu>\n <PopoverMenu\n triggerElement={<IconButton priority=\"secondary\"><Icons.More /></IconButton>}\n >\n <PopoverMenu.MenuItem\n text=\"very long message very long\"\n />\n <PopoverMenu.Divider />\n <PopoverMenu.MenuItem\n text=\"very long message very long\"\n />\n <PopoverMenu.Divider />\n <PopoverMenu.MenuItem\n text=\"very long message very long\"\n />\n </PopoverMenu>\n</Layout>\n";