Popup Examples

This page demonstrates the popup directive and role.

Popup Directive (Modal Dialog)

Click the button below to open a modal dialog:

Popup with Custom Button Text

Popup Role (Inline Tooltip)

You can also use the popup role inline: This is some hover text This content appears in a tooltip in a paragraph.

Another example with math The formula is $E = mc^2$ content.

Default Popup

If you don’t specify options, defaults are used:

Vis mer

This popup uses all default settings: - Default button text: "Vis mer" - Default title: "Mer informasjon" - Default width: 500px

Multiple Popups

You can have multiple popups on the same page: