Menubar

A row of ghost pills, each opening a menu; arrows move between them.

<Menubar aria-label="Request">
      <Menubar.Menu>
        <Menubar.Trigger>Request</Menubar.Trigger>
        <Menubar.Content>
          <Menubar.Item icon={icons.copy}>Copy as curl</Menubar.Item>
          <Menubar.Item icon={icons.download}>Download JSON</Menubar.Item>
        </Menubar.Content>
      </Menubar.Menu>
      <Menubar.Menu>
        <Menubar.Trigger>View</Menubar.Trigger>
        <Menubar.Content>
          <Menubar.CheckboxItem defaultChecked>Conversation</Menubar.CheckboxItem>
          <Menubar.CheckboxItem>Raw JSON</Menubar.CheckboxItem>
        </Menubar.Content>
      </Menubar.Menu>
    </Menubar>

import { Menubar } from "@logicplanes/kaeso-ui";

Props

children
ReactNode
The menus.
onOpenChange
((o: boolean) => void)
Called when a menu opens or closes.