ArcaneEmptyState

Use empty states when a list, table, or workflow has no content and should offer a next action.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: empty

Preview + Code



No results found

Try adjusting your search or filter criteria.

Code

ArcaneEmptyState.noResults(
  action: Button.primary(label: 'Create item', onPressed: () {}),
)

ArcaneEmptyState#

Use empty states when a list, table, or workflow has no content and should offer a next action.

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

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

ArcaneEmptyState

Use empty states when a list, table, or workflow has no content and should offer a next action.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: empty

Preview + Code



No results found

Try adjusting your search or filter criteria.

Code

ArcaneEmptyState.noResults(
  action: Button.primary(label: 'Create item', onPressed: () {}),
)

ArcaneEmptyState#

Use empty states when a list, table, or workflow has no content and should offer a next action.

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

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

ArcaneEmptyState

Use empty states when a list, table, or workflow has no content and should offer a next action.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: empty

Preview + Code



No results found

Try adjusting your search or filter criteria.

Code

ArcaneEmptyState.noResults(
  action: Button.primary(label: 'Create item', onPressed: () {}),
)

ArcaneEmptyState#

Use empty states when a list, table, or workflow has no content and should offer a next action.

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

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