Components

Menubar

A horizontal menu bar with desktop-style submenus and keyboard shortcuts.

Usage

import { Menubar } from '@onersoft/design-system'

<Menubar.Root>
  <Menubar.Menu value="file">
    <Menubar.Trigger>File</Menubar.Trigger>
    <Menubar.Portal>
      <Menubar.Content>
        <Menubar.Item>New <Menubar.Shortcut>⌘N</Menubar.Shortcut></Menubar.Item>
      </Menubar.Content>
    </Menubar.Portal>
  </Menubar.Menu>
</Menubar.Root>

Parts

Root, Menu, Trigger, Portal, Content, Item, Label, Separator, Shortcut, Group, Sub. Mirrors Radix Menubar with the additional Shortcut slot.

Label

An accessible label that wires up to any form control.

NavigationMenu

A primary site navigation with optional rich submenus.

On this page

UsageParts