ArcaneMenubar

Use menubars for app-style command groups that expose nested menu actions.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: menubar

Preview + Code

Code

ArcaneMenubar(
  menus: const [
    ArcaneMenubarMenu(
      label: 'File',
      items: [
        MenuItemAction(label: 'New'),
        MenuItemAction(label: 'Open'),
        MenuItemSeparator(),
        MenuItemAction(label: 'Exit'),
      ],
    ),
    ArcaneMenubarMenu(
      label: 'Edit',
      items: [
        MenuItemAction(label: 'Undo'),
        MenuItemAction(label: 'Redo'),
      ],
    ),
  ],
)

ArcaneMenubar#

Use menubars for app-style command groups that expose nested menu actions.

The live preview and code sample above use the neutral package:arcane_jaspr/arcane_jaspr.dart API. The selected stylesheet owns spacing, density, radius, color, and interaction styling, so the same app code can render differently under Shadcn or Neon.

Source: lib/component/menu/menubar.dart

See the Component Catalog for the full exported surface and source mapping.

ArcaneMenubar

Use menubars for app-style command groups that expose nested menu actions.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: menubar

Preview + Code

Code

ArcaneMenubar(
  menus: const [
    ArcaneMenubarMenu(
      label: 'File',
      items: [
        MenuItemAction(label: 'New'),
        MenuItemAction(label: 'Open'),
        MenuItemSeparator(),
        MenuItemAction(label: 'Exit'),
      ],
    ),
    ArcaneMenubarMenu(
      label: 'Edit',
      items: [
        MenuItemAction(label: 'Undo'),
        MenuItemAction(label: 'Redo'),
      ],
    ),
  ],
)

ArcaneMenubar#

Use menubars for app-style command groups that expose nested menu actions.

The live preview and code sample above use the neutral package:arcane_jaspr/arcane_jaspr.dart API. The selected stylesheet owns spacing, density, radius, color, and interaction styling, so the same app code can render differently under Shadcn or Neon.

Source: lib/component/menu/menubar.dart

See the Component Catalog for the full exported surface and source mapping.

ArcaneMenubar

Use menubars for app-style command groups that expose nested menu actions.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: menubar

Preview + Code

Code

ArcaneMenubar(
  menus: const [
    ArcaneMenubarMenu(
      label: 'File',
      items: [
        MenuItemAction(label: 'New'),
        MenuItemAction(label: 'Open'),
        MenuItemSeparator(),
        MenuItemAction(label: 'Exit'),
      ],
    ),
    ArcaneMenubarMenu(
      label: 'Edit',
      items: [
        MenuItemAction(label: 'Undo'),
        MenuItemAction(label: 'Redo'),
      ],
    ),
  ],
)

ArcaneMenubar#

Use menubars for app-style command groups that expose nested menu actions.

The live preview and code sample above use the neutral package:arcane_jaspr/arcane_jaspr.dart API. The selected stylesheet owns spacing, density, radius, color, and interaction styling, so the same app code can render differently under Shadcn or Neon.

Source: lib/component/menu/menubar.dart

See the Component Catalog for the full exported surface and source mapping.