ArcaneDropdownMenu

Use dropdown menus for compact action lists attached to a button-like trigger.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: dropdown-menu

Preview + Code

Code

ArcaneDropdownMenu(
  trigger: Button.secondary(label: 'Open menu', onPressed: () {}),
  items: const [
    MenuItemAction(label: 'Profile'),
    MenuItemAction(label: 'Billing'),
    MenuItemSeparator(),
    MenuItemAction(label: 'Sign out', destructive: true),
  ],
)

ArcaneDropdownMenu#

Use dropdown menus for compact action lists attached to a button-like trigger.

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/dropdown_menu.dart

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

ArcaneDropdownMenu

Use dropdown menus for compact action lists attached to a button-like trigger.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: dropdown-menu

Preview + Code

Code

ArcaneDropdownMenu(
  trigger: Button.secondary(label: 'Open menu', onPressed: () {}),
  items: const [
    MenuItemAction(label: 'Profile'),
    MenuItemAction(label: 'Billing'),
    MenuItemSeparator(),
    MenuItemAction(label: 'Sign out', destructive: true),
  ],
)

ArcaneDropdownMenu#

Use dropdown menus for compact action lists attached to a button-like trigger.

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/dropdown_menu.dart

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

ArcaneDropdownMenu

Use dropdown menus for compact action lists attached to a button-like trigger.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: dropdown-menu

Preview + Code

Code

ArcaneDropdownMenu(
  trigger: Button.secondary(label: 'Open menu', onPressed: () {}),
  items: const [
    MenuItemAction(label: 'Profile'),
    MenuItemAction(label: 'Billing'),
    MenuItemSeparator(),
    MenuItemAction(label: 'Sign out', destructive: true),
  ],
)

ArcaneDropdownMenu#

Use dropdown menus for compact action lists attached to a button-like trigger.

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/dropdown_menu.dart

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