Skip to main contentPrimer

Popover

readyNot reviewed for a11y
Lookbook|Source
This page may be removed. Primer plans to move all Rails component documentation to Lookbook.

Description

Use Popover to bring attention to specific user interface elements, typically to suggest an action or to guide users through a new experience.

By default, the popover renders with absolute positioning, meaning it should usually be wrapped in an element with a relative position in order to be positioned properly. To render the popover with relative positioning, use the relative property.

Arguments

NameRequiredDescription
system_arguments
Hash

Slots

heading

The heading

NameRequiredDescription
tag
Symbol

One of :h1, :h2, :h3, :h4, :h5, or :h6.

system_arguments
Hash

body

The body

NameRequiredDescription
caret
Symbol

One of :bottom, :bottom_left, :bottom_right, :left, :left_bottom, :left_top, :right, :right_bottom, :right_top, :top, :top_left, or :top_right.

large
Boolean

Whether to use the large version of the component.

system_arguments
Hash