Box Group

A full width bordered container for neatly grouping related Box components together.

Box Group

Box Group

Desktop Components library

MozBoxGroup

Storybook

Usage

Do

Use it for grouping Box components (Link, Item, Button)

Design properties

Reorderable

A Box Group can contain limitless rows that slots Box components (Link, Item, Button). Within a Box Group, a group of Box Items can get the special ability to become reorderable.

Box Group Reorderable

Code properties and attributes

See Storybook arguments table

Related components

Box Button

A full width bordered button for navigating into a new flow.

Box Link

A link styled as a full width bordered container, much like a Box Button.

Box Item

A full width bordered container.

Changelog

Date

Version

Notes

September 5, 2025

1.0.0

First release of Box Group component documentation.

Acorn Design System ©2025 Mozilla