ButtonGroup

Use button groups when related actions should be presented as one compact control cluster.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: button-group

Preview + Code

Code

ButtonGroup(
  children: [
    Button.secondary(label: 'Back', onPressed: () {}),
    Button.primary(label: 'Continue', onPressed: () {}),
  ],
)

ButtonGroup#

Use button groups when related actions should be presented as one compact control cluster.

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/layout/button_panel.dart

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

ButtonGroup

Use button groups when related actions should be presented as one compact control cluster.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: button-group

Preview + Code

Code

ButtonGroup(
  children: [
    Button.secondary(label: 'Back', onPressed: () {}),
    Button.primary(label: 'Continue', onPressed: () {}),
  ],
)

ButtonGroup#

Use button groups when related actions should be presented as one compact control cluster.

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/layout/button_panel.dart

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

ButtonGroup

Use button groups when related actions should be presented as one compact control cluster.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: button-group

Preview + Code

Code

ButtonGroup(
  children: [
    Button.secondary(label: 'Back', onPressed: () {}),
    Button.primary(label: 'Continue', onPressed: () {}),
  ],
)

ButtonGroup#

Use button groups when related actions should be presented as one compact control cluster.

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/layout/button_panel.dart

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