@wix/design-system
Version:
@wix/design-system
98 lines (91 loc) • 3.32 kB
Markdown
### 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