Popovers

Basic Popover

Click to toggle popover

Dismissible Popover

Click anywhere to dismiss

Dismissible popover
Popover Directions
Placement Options

Top, right, bottom, and left placement

Trigger Options
Hover Trigger

Show popover on hover

Focus Trigger

Show popover on focus

Custom Content
HTML Content

Popover with rich HTML content

Disabled Elements

Popover on disabled elements

Real-World Examples
Form Help Popovers

Contextual help for form fields

Information Cards

Additional info on hover

Monthly Revenue

$45,250

12.5%
Active Users

2,845

3.2%
User Profile Preview

Hover to see user details

This task was assigned to @sarah for review.

The code changes were merged by @michael yesterday.

Status Explanations

Hover over badges for details

Order Status
#ORD-001 Delivered
#ORD-002 Shipped
#ORD-003 Processing
#ORD-004 Cancelled