WireScript
Components

popover

Popover content.

A small overlay that appears near a trigger element. Defined inside screens and triggered by :to "#id".

Usage

Opening a Popover

Use a button or clickable text with :to "#id":

(button "Info" :ghost :to "#info")
(text "Learn more" :to "#info")

Flags

FlagEffect
:openPopover is initially open
:rowHorizontal layout
:colVertical layout
:centerCenter alignment
:startStart alignment
:endEnd alignment
:betweenSpace between
:fullFull size
:fillFill available space

Properties

PropertyTypeExample
:idstring:id "info"
:gapnumber:gap 8
:paddingnumber:padding 12
:widthnumber:width 250
:heightnumber:height 200

Examples

Initially Open Popover

Info Popover

User Preview

Help Popover

Color Picker Popover

Quick Actions Popover

On this page