Hover me Hover me Hover me Hover me Primary Success Warning Danger Color 1 Color 2 Color 3 Color 4 Color 5 Color 6 Color 7 Color 8 Color 9 What's this? Hover for multiline Multiline bottom

Name	Actions
John Doe

Very Long Badge Text That Needs Truncation

Help

This is a popover with rich content. You can include text, links, and formatting.

Information

Popover positioned at the inline-end.

Details

Popover positioned below the trigger.

Warning

Popover positioned at the inline-start.

Tip

Small popover for brief hints.

Help

Default size popover for standard content.

Detailed Information

Large popover for detailed explanations and longer content.

Can include multiple paragraphs, lists, and other elements.

Start Aligned

Default alignment is start.

Lists look natural
Easy to read

Centered

Use --center modifier for centered text.

End Aligned

Use --end modifier for end-aligned text.

Features

This version includes:

Performance improvements
Bug fixes
New dashboard features
Enhanced security

Learn more in the documentation.

Usage Example

Use the following code:

const value = getData();

This will retrieve the current value.