Box Button

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

State Default

Box Button

Desktop Components library

MozBoxButton

Storybook

Usage

Use for navigating to new pages or opening dialogs.

Use within settings like UI that’s contained in a card, sidebar, drawer, or anything with a predetermined small width (anything below 600px).

Use for settings configurations that may involve opening a new flow for further customization.

Property	Values	Default
Show icon Boolean	true \| false	true
Show description Boolean	true \| false	true
State Variant	Default \| Hover \| Active \| Focus \| Disabled	Default

Adds a smaller, and de-emphasized description below the label.

An optional icon ahead of the label.

State Active

State Disabled

State Focus

State Hover

Button

An input that indicates an available action for the user.

Box Link

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

Box Item

A full width bordered container.

Box Group

Date	Version	Notes
September 2, 2025	1.1.0	Added more related components.
August 29, 2025	1.0.0	First release of Box component documentation.