Popover

Displays rich content in a portal, triggered by a button.

Installation

dotnet add package Lumeo

One-time app setup (AddLumeo(), CSS & JS) is covered in the installation guide.

@using Lumeo

<Popover />

Default

Alignment

With Arrow

Placement

Side — interactive

Pick a value to see it applied live.

Align — interactive

Pick a value to see it applied live.

With Form

Property	Type	Default	Description
Open	bool	false	Controls whether the popover is open. Use with @bind-Open for two-way binding.
OpenChanged	EventCallback<bool>	—	Callback invoked when the open state changes.
IsOpen	bool	false	Obsolete alias for `Open`; will be removed in a future release.
IsOpenChanged	EventCallback<bool>	—	Obsolete alias for `OpenChanged`; will be removed in a future release.

Property	Type	Default	Description
Side	Lumeo.Side	Bottom	Which side of the trigger the popover appears on. Values: Top, Bottom, Left, Right.
Align	Lumeo.Align	Center	Horizontal alignment of the popover relative to its trigger. Values: Start, Center, End.
ShowArrow	bool	false	Renders a small arrow pointing back at the trigger.