Popover

Popover

Default (Top)

Popover that appears above the trigger.

Open Popover

Dimensions

Set the dimensions for the layer.


      <.popover label="Open" placement="above-start" trigger_class=tool-button inline-flex shrink-0 cursor-pointer items-center justify-center border border-transparent p-0 disabled:cursor-not-allowed disabled:hover:shadow-none h-[24px] min-h-[24px] min-w-[24px] gap-1 w-[24px] bg-surface shadow-retro-raised active:shadow-retro-sunken>
      <:trigger><Icons.icon_lightbulb /></:trigger>
      Content here
      </.popover>
    
Sides

Popover can appear on different sides of the trigger.

Bottom

This popover opens below.

Left

This popover opens to the left.

Right

This popover opens to the right.

Help
Help Topics GitHub License (MIT)
6 objects
Help Topics
GitHub License (MIT)