Popover

Learn more about Mintlify

Enter your email to receive updates about new features and product releases.

Installation

npx shadcn-svelte@next add popover

Install bits-ui

npm install bits-ui -D

Copy component code

Copy and paste the component source files into your project.

showLineNumbers

<script lang="ts">
  import * as Popover from "$lib/components/ui/popover/index.js";
</script>

showLineNumbers

<Popover.Root>
  <Popover.Trigger>Open</Popover.Trigger>
  <Popover.Content>Place content for the popover here.</Popover.Content>
</Popover.Root>