No Matching Results
Sorry, we couldn‘t find any matching records. Please try different search terms.
Lorem ipsum dolor sit amet, consectetur adipiscing elit...
30 minutes ago
Lorem ipsum dolor sit amet, consectetur adipiscing elit...
1 hour ago
Lorem ipsum dolor sit amet, consectetur adipiscing elit...
yesterday5 new invoices were recently added to your account
3 hours ago3 invoices were marked as approved by 2 reviewers
3 hours agoSome items managed by you are on overdue
5 hours agoMy Schedule
January 2025
My Team
Master layouts
Popovers
- Documentation
- Popovers
Placement
top | top-start | top-end | bottom | bottom-start | bottom-end | left | left-start | left-end | right | right-start | right-end Popovers are used to display extra information when an element is clicked. Xpulse popovers use Floating UI. Popover positions can be changed using the placement prop.
Interactive
React.ReactNode Popovers are used to display extra information when an element is clicked. Popovers can have custom content inserted inside the PopoverContent component.
Informative
React.ReactNode Popovers are used to display extra information when an element is clicked. Popovers can have custom content inserted inside the PopoverContent component.
Props
Contains all popover props.
| Prop | Type | Default |
|---|---|---|
placement | string | bottom |
content | React.ReactNode | undefined |