Menus
Usage
Copy Code
<script lang="ts">
let menuBtn = $state<HTMLElement>()
</script>
<Button style="anchor-name:--city-menu" popovertarget="browser-menu" bind:element={menuBtn}>
Open Menu
</Button>
<Menu anchor={menuBtn} id="browser-menu" style="position-anchor:--city-menu;max-width: 300px">
<MenuItem>New York</MenuItem>
<MenuItem>Los Angeles</MenuItem>
<MenuItem>Berlin</MenuItem>
<MenuItem>London</MenuItem>
</Menu>