Popover
Small overlay to display additional information.
Basic
Simple popover
Placements
Different popover positions
Main Props
| Name | Type | Default | Description |
|---|---|---|---|
placement | Placement | 'bottom' | Popover position relative to trigger |
action | React.ReactNode | Open | - | Element used to open the popover |
open | boolean | - | Controlled open state |
setOpen | (open: boolean) => void | - | Setter for controlled state |
actionType | 'click' | 'hover' | 'click' | Trigger behavior |
animVariant | 'all' | 'each' | 'all' | Animate all or each child |
animType | 'fadeInOutScale' | 'fadeInOut' | 'fadeInOutFullScale' | 'fadeInOutScale' | Animation type |
animRest | DefaultAnimationVisibilityProps | {} | Animation transition props |
disabled | boolean | false | Disable the popover |
children | React.ReactNode | - | Popover content |
idPopOver | string | '' | Id attribute for popover |
Class Props
| Name | Type | Default | Description |
|---|---|---|---|
classNamePopOver | string | '' | Class for popover content |
classNameWrapperEach | string | '' | Class when using animVariant='each' |
className | string | '' | Class for root wrapper |
classNameRoot | string | '' | Class for container element |
classNameWrapperAction | string | '' | Class for action wrapper |