UNPKG

@wix/design-system

Version:

@wix/design-system

98 lines (91 loc) 3.32 kB
### maxWidth - type: union - description: Sets a maximum width for a Popover menu ### minWidth - type: union - description: Sets a minimum width for a Popover menu ### maxHeight - type: union - description: Sets a maximum height for a Popover menu ### zIndex - type: number - description: Sets the Popover z-index ### moveBy - type: shape - description: Moves Popover menu overlay relative to its trigger element by a defined number of px: - horizontally (on X-axis) - or vertically (on Y-axis) ### triggerElement - type: union - description: Defines a component that calls out a Popover menu (`<IconButton />`, `<Button />` or `<Text Button />`) ### placement - type: enum - description: Defines the Popover menu’s overlay placement in relation to its trigger element: * auto-start * auto * auto-end * top-start * top * top-end * right-start * right * right-end * bottom-start * bottom * bottom-end * left-start * left * left-end ### textSize - type: enum - description: Sets the size of text in Popover menu items ### ellipsis - type: bool - description: Truncates menu item text that overflows component’s max Width ### children - type: node - description: Stores Popover menu compound components: - <PopoverMenu.MenuItem /> - <PopoverMenu.Divider /> (optional) - <PopoverMenu.SectionTitle /> (optional) `<PopoverMenu.MenuItem>` component has these fields: * `text` - Sets a label for a Popover menu item * `onClick` - Defines a callback function which is called when a Popover menu item is clicked on * `skin` - Controls the appearance of a Popover menu item (one of `standard`, `dark`, `destructive`) * `prefixIcon` - Contains an icon at the start of a Popover menu item * `dataHook` - Applies a data-hook HTML attribute to be used in the tests * `suffixIcon` - suffix icon property * `disabled` - Disables a Popover menu item * `subtitle` - Sets a text for a Popover menu item subtitle\ `<PopoverMenu.Divider>` component has these fields: * `dataHook` - Applies a data-hook HTML attribute to be used in the tests `<PopoverMenu.SectionTitle>` component has these fields: * `dataHook` - Applies a data-hook HTML attribute to be used in the tests * `title` - Acts as a title for following list items. ### appendTo - type: union - description: Enables calculations in relation to a DOM element ### flip - type: bool - description: Enables the flip behaviour. This behaviour is used to flip the overlay placement when it starts to overlap the trigger element. ### fixed - type: bool - description: Enables the fixed behaviour. This behaviour is used to keep the overlay at its original placement even when it is being positioned outside the boundary. ### fluid - type: bool - description: No description ### showArrow - type: bool - description: Controls visibility of the pointer arrow ### dataHook - type: string - description: Applies a data-hook HTML attribute to be used in the tests ### className - type: string - description: Specifies a CSS class name to be appended to the component’s root element. ### onShow - type: func - description: Defines a callback function which is called when a Popover menu is opened ### onHide - type: func - description: Defines a callback function which is called when a Popover menu is closed