Menubar

一排幽灵胶囊按钮，各自打开一个菜单；方向键在它们之间移动。

<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";

属性

children
ReactNode
菜单。
onOpenChange
((o: boolean) => void)
菜单打开或关闭时调用。