Popover
Floating panel that emanates from an action.
I’m open!
| Prop | Type | Description |
|---|---|---|
open | boolean | Manually set current open state of popover |
floatingUI | object | Floating UI options for positioning |
zIndex | number | Set the z-index for this popover (default: 500) |
| id | string | HTML id attribute |
<script lang="ts">
import Button from '../components/button.svelte';
import Popover from '../components/popover.svelte';
</script>
<Popover>
<Button slot="control">Open menu</Button>
<div>I’m open!</div>
</Popover>