Popover

A floating surface anchored to a trigger. Supports four placements.

Installation

Copy the command below and run it in your terminal.

bunx @sivir/ui add popover

Usage

Import Popover and compose it with sub-components:

import * as Popover from '$lib/sivir/components/popover';

<Popover.Root>
  <Popover.Trigger>Open</Popover.Trigger>
  <Popover.Content class="w-64">
    Content here
  </Popover.Content>
</Popover.Root>

Examples

Explore the Popover in different placements and compositions.

Basic popover

Placement variants