Popover

A surface anchored to a trigger.

Default

Popover

Open, in place. FloatingPanel sets data-open.

<div class="<%= popover_class(extra: "static block w-64 p-4") %>" data-open>
  <p class="font-semibold">Popover</p>
  <p class="text-sm text-ink-3">Open, in place. FloatingPanel sets data-open.</p>
</div>

Example 2

<div class="<%= menu_popover_class(align: :center, extra: "static translate-x-0") %>" data-open>
  <p class="font-semibold">Popover</p>
  <p class="text-sm text-ink-3">Open, in place. FloatingPanel sets data-open.</p>
</div>

API reference

popover_class(align: :end, extra: nil)

Parameter	Default	Values
align	:end	:start · :end · :center
extra	nil	Additional Tailwind classes

menu_popover_class(align: :end, extra: nil)

Parameter	Default	Values
align	:end	:start · :end · :center
extra	nil	Additional Tailwind classes

Controller options

Attribute	Type	Default
data-row-menu-lift-value	Boolean	true