Box Button

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

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

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.