ArcaneHoverCard

Use hover cards for lightweight contextual previews that should appear near a trigger.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: hover-card

Preview + Code

Code

ArcaneHoverCard.hovercard(
  trigger: Button.secondary(label: 'Hover card', onPressed: () {}),
  content: const Card(
    child: Text('A lightweight profile or preview card.'),
  ),
)

ArcaneHoverCard#

Use hover cards for lightweight contextual previews that should appear near a 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/view/floating.dart

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

ArcaneHoverCard

Use hover cards for lightweight contextual previews that should appear near a trigger.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: hover-card

Preview + Code

Code

ArcaneHoverCard.hovercard(
  trigger: Button.secondary(label: 'Hover card', onPressed: () {}),
  content: const Card(
    child: Text('A lightweight profile or preview card.'),
  ),
)

ArcaneHoverCard#

Use hover cards for lightweight contextual previews that should appear near a 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/view/floating.dart

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

ArcaneHoverCard

Use hover cards for lightweight contextual previews that should appear near a trigger.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: hover-card

Preview + Code

Code

ArcaneHoverCard.hovercard(
  trigger: Button.secondary(label: 'Hover card', onPressed: () {}),
  content: const Card(
    child: Text('A lightweight profile or preview card.'),
  ),
)

ArcaneHoverCard#

Use hover cards for lightweight contextual previews that should appear near a 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/view/floating.dart

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