ArcaneDisclosure

Use collapsible disclosure when secondary content should stay accessible without dominating the page.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: collapsible

Preview + Code

Toggle content ▼

This disclosure is rendered by the active theme.

Code

const ArcaneDisclosure(
  summary: Text('Toggle content'),
  child: Text('This disclosure is rendered by the active theme.'),
  open: true,
)

ArcaneDisclosure#

Use collapsible disclosure when secondary content should stay accessible without dominating the page.

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/interactive/disclosure.dart

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

ArcaneDisclosure

Use collapsible disclosure when secondary content should stay accessible without dominating the page.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: collapsible

Preview + Code

Toggle content ▼

This disclosure is rendered by the active theme.

Code

const ArcaneDisclosure(
  summary: Text('Toggle content'),
  child: Text('This disclosure is rendered by the active theme.'),
  open: true,
)

ArcaneDisclosure#

Use collapsible disclosure when secondary content should stay accessible without dominating the page.

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/interactive/disclosure.dart

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

ArcaneDisclosure

Use collapsible disclosure when secondary content should stay accessible without dominating the page.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: collapsible

Preview + Code

Toggle content ▼

This disclosure is rendered by the active theme.

Code

const ArcaneDisclosure(
  summary: Text('Toggle content'),
  child: Text('This disclosure is rendered by the active theme.'),
  open: true,
)

ArcaneDisclosure#

Use collapsible disclosure when secondary content should stay accessible without dominating the page.

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/interactive/disclosure.dart

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