Box Item

A full width bordered container.

Item
Type Slot

Usage

Do

Use it for containing any sort of composition within a bordered container.

Design properties

Property Values Default
Show icon Boolean true | false true
Type Variant Default | Large icon | Slot | Actions preset | Actions slots Default
Show description Boolean true | false true
Actions start InstanceSwap Actions start Slot
Actions end InstanceSwap Actions end Slot

Show description

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

Show icon

An optional icon ahead of the label.

Code properties and attributes

See Storybook arguments table

Types

Default

Comes with a title, description, and ability to add an icon ahead of the label.

Item
Type Default

Default

Uses a larger icon (32×32) or symbol ahead of the description instead.

Item
Type Large icon

Slot

For slotting in your own composition that will be retained within the bordered box look.

Item
Type Slot

Actions

Adds the ability to add actions either at the end or the beginning of the box.

For convenience, we have loaded some button icons and a toggle.

Item
Type Actions preset

Slot

For slotting in your own composition of actions.

Item
Type Actions slots

Changelog

Date

Version

Notes

September 2, 2025

1.0.0

First release of Box component documentation.