ArcanePopover

Use popovers for small anchored panels that should be visible without leaving the current page.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: popover

Preview + Code

Code

ArcanePopover(
  isOpen: popoverOpen,
  onOpenChange: setPopoverOpen,
  trigger: Button.secondary(label: 'Open popover', onPressed: () {}),
  content: const Card(child: Text('Popover content')),
)

ArcanePopover#

Use popovers for small anchored panels that should be visible without leaving the current page.

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/dialog/popover.dart

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

ArcanePopover

Use popovers for small anchored panels that should be visible without leaving the current page.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: popover

Preview + Code

Code

ArcanePopover(
  isOpen: popoverOpen,
  onOpenChange: setPopoverOpen,
  trigger: Button.secondary(label: 'Open popover', onPressed: () {}),
  content: const Card(child: Text('Popover content')),
)

ArcanePopover#

Use popovers for small anchored panels that should be visible without leaving the current page.

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/dialog/popover.dart

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

ArcanePopover

Use popovers for small anchored panels that should be visible without leaving the current page.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: popover

Preview + Code

Code

ArcanePopover(
  isOpen: popoverOpen,
  onOpenChange: setPopoverOpen,
  trigger: Button.secondary(label: 'Open popover', onPressed: () {}),
  content: const Card(child: Text('Popover content')),
)

ArcanePopover#

Use popovers for small anchored panels that should be visible without leaving the current page.

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/dialog/popover.dart

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