Skip to content

menubar value is not bindable #1864

@zhihengGet

Description

@zhihengGet

Describe the bug

import { MenubarRootState } from "../menubar.svelte.js";

should be bindable based on doc menu.root's value.

shadcn-svelte also need it to be bindable

<script lang="ts">
  import { Menubar } from "bits-ui";
  let activeValue = $state("");
</script>
 
<button onclick={() => (activeValue = "menu-1")}>Open Menubar Menu</button>
<Menubar.Root bind:value={activeValue}>
  <Menubar.Menu value="menu-1">
    <!-- ... -->
  </Menubar.Menu>
  <Menubar.Menu value="menu-2">
    <!-- ... -->
  </Menubar.Menu>
</Menubar.Root>

Reproduction

Logs

-

System Info

-

Severity

annoyance

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions