Multiline Tooltips - PM7 UI

Multiline Tooltip Content

This is a multiline tooltip that contains
multiple lines of text to demonstrate
how text wrapping works in tooltips.

Usage:


            class="pm7-tooltip-content

                   pm7-tooltip-content--multiline"

Features:
• Flexible positioning
• Multiple themes
• Custom delays
• Touch support

This tooltip contains multiple lines of text to explain complex functionality.

It can include formatted content and maintains readability.

Complex Content Examples

showTooltip(options)


              {

                content: 'Tooltip text',

                position: 'top' | 'right' | 'bottom' | 'left',

                delay: { open: 200, close: 0 },

                theme: 'dark' | 'light'

              }

Pro Tip:

Use the pm7-tooltip-content--multiline class for content that spans multiple lines.

Note: Always include the arrow element for proper positioning.