ArcaneItem

Use items for clickable rows and navigation entries that need renderer-owned hit area and state styling.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: item

Preview + Code

Code

const ArcaneItem(
  child: Text('Clickable item row'),
  href: '/docs',
)

ArcaneItem#

Use items for clickable rows and navigation entries that need renderer-owned hit area and state styling.

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

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

ArcaneItem

Use items for clickable rows and navigation entries that need renderer-owned hit area and state styling.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: item

Preview + Code

Clickable item row

Code

const ArcaneItem(
  child: Text('Clickable item row'),
  href: '/docs',
)

ArcaneItem#

Use items for clickable rows and navigation entries that need renderer-owned hit area and state styling.

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

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

ArcaneItem

Use items for clickable rows and navigation entries that need renderer-owned hit area and state styling.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: item

Preview + Code

Clickable item row

Code

const ArcaneItem(
  child: Text('Clickable item row'),
  href: '/docs',
)

ArcaneItem#

Use items for clickable rows and navigation entries that need renderer-owned hit area and state styling.

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

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