Popover

Render popover content

Dimensions

Set the dimensions for the layer.

Attribute Type Documentation Default Value
class :string
side :string "top"
align :string "center"
open :boolean false
rest :global
Required inner_block * :slot
<div class="grid gap-4">
  <div class="space-y-2">
    <h4 class="font-medium leading-none">
      Dimensions
    </h4>
    <p class="text-sm text-muted-foreground">
      Set the dimensions for the layer.
    </p>
  </div>
  <div class="grid gap-2">
    <div class="grid grid-cols-3 items-center gap-4">
      <.label for="width">
        Width
      </.label>
      <.input id="width" default-value="100%" class="col-span-2 h-8"></.input>
    </div>
    <div class="grid grid-cols-3 items-center gap-4">
      <.label for="maxWidth">
        Max. width
      </.label>
      <.input id="maxWidth" default-value="300px" class="col-span-2 h-8"></.input>
    </div>
    <div class="grid grid-cols-3 items-center gap-4">
      <.label for="height">
        Height
      </.label>
      <.input id="height" default-value="25px" class="col-span-2 h-8"></.input>
    </div>
    <div class="grid grid-cols-3 items-center gap-4">
      <.label for="maxHeight">
        Max. height
      </.label>
      <.input id="maxHeight" default-value="none" class="col-span-2 h-8"></.input>
    </div>
  </div>
</div>