ArcaneAlert

Use alerts for inline feedback, validation messages, and status updates that should be styled by the active renderer.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: alert

Preview + Code



Heads up

This is a live alert preview rendered by the current theme.

Code

const ArcaneAlert.info(
  title: 'Heads up',
  message: 'This is a live alert preview rendered by the current theme.',
)

ArcaneAlert#

Use alerts for inline feedback, validation messages, and status updates that should be styled by the active renderer.

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

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

ArcaneAlert

Use alerts for inline feedback, validation messages, and status updates that should be styled by the active renderer.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: alert

Preview + Code

i

Heads up

This is a live alert preview rendered by the current theme.

Code

const ArcaneAlert.info(
  title: 'Heads up',
  message: 'This is a live alert preview rendered by the current theme.',
)

ArcaneAlert#

Use alerts for inline feedback, validation messages, and status updates that should be styled by the active renderer.

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

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

ArcaneAlert

Use alerts for inline feedback, validation messages, and status updates that should be styled by the active renderer.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: alert

Preview + Code

ℹ

Heads up

This is a live alert preview rendered by the current theme.

Code

const ArcaneAlert.info(
  title: 'Heads up',
  message: 'This is a live alert preview rendered by the current theme.',
)

ArcaneAlert#

Use alerts for inline feedback, validation messages, and status updates that should be styled by the active renderer.

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

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