Popover

Attribute Type Documentation Default Value
Required id * :string
show :boolean false
on_open_change :any
class :any []
animation_duration :integer 200
rest :global
Required inner_block * :slot
<.popover_trigger>
  <.button variant="outline">Open popover</.button>
</.popover_trigger>
<.popover_content>
  <.popover_header class="mb-4">
    <.popover_title>Dimensions</.popover_title>
    <.popover_description>Set the dimensions for the layer.</.popover_description>
  </.popover_header>
  <div class="grid gap-2">
    <div class="grid grid-cols-3 items-center gap-4">
      <.label>Width</.label>
      <.input name="width" value="100%" class="col-span-2 h-8" />
    </div>
    <div class="grid grid-cols-3 items-center gap-4">
      <.label>Height</.label>
      <.input name="height" value="25px" class="col-span-2 h-8" />
    </div>
  </div>
</.popover_content>