Box Item

A full width bordered container.

Box Item

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

Code properties and attributes

See Storybook arguments table

Variants

Default

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

Item
Type Default

With icon

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

With 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.