Popover

Popover is used to bring attention to specific user interface elements.

v0.21.0BetaNot reviewed for accessibility

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

NameDefaultDescription
system_arguments

N/A

Hash

Examples

Slots

heading

The heading

NameDefaultDescription
tag

:h4

Symbol

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

system_arguments

N/A

Hash

body

The body

NameDefaultDescription
caret

N/A

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

N/A

Boolean

Whether to use the large version of the component.

system_arguments

N/A

Hash