ArcaneTooltip

Use tooltips for short contextual help on controls that should not add permanent page text.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: tooltip

Preview + Code

Code

ArcaneTooltip(
  text: 'This is a tooltip',
  child: Button.secondary(label: 'Hover target', onPressed: () {}),
)

ArcaneTooltip#

Use tooltips for short contextual help on controls that should not add permanent page text.

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

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

ArcaneTooltip

Use tooltips for short contextual help on controls that should not add permanent page text.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: tooltip

Preview + Code

Code

ArcaneTooltip(
  text: 'This is a tooltip',
  child: Button.secondary(label: 'Hover target', onPressed: () {}),
)

ArcaneTooltip#

Use tooltips for short contextual help on controls that should not add permanent page text.

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

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

ArcaneTooltip

Use tooltips for short contextual help on controls that should not add permanent page text.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: tooltip

Preview + Code

Code

ArcaneTooltip(
  text: 'This is a tooltip',
  child: Button.secondary(label: 'Hover target', onPressed: () {}),
)

ArcaneTooltip#

Use tooltips for short contextual help on controls that should not add permanent page text.

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

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