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 to the right.

Details

Popover positioned below the trigger.

Warning

Popover positioned to the left.

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.

Left Aligned

Default alignment is left.

  • Lists look natural
  • Easy to read

Centered

Use --center modifier for centered text.

Right Aligned

Use --right modifier for RTL layouts.

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.