Svelte 5 Box – Layout Primitive

Low-level polymorphic layout container.

layoutdivcontainer

Preview

Use Case

Use for custom containers that need standard spacing or styling without semantic baggage.

Props API

Box component props
PropTypeDefaultDescription
as string'div'HTML tag
class string—Tailwind classes

Related Components

StackGrid

See it in Action

Explore the Box in an interactive dashboard environment.

Customize in Showroom

More Layout Components

Panel

The Panel component groups related content with a consistent label style.

Toolbar

This control strip combines multiple input types into a cohesive unit, reducing visual noise while maximizing functionality.

Pagination

Designed to scale from 5 to 500 pages, this pagination component uses smart ellipsis logic to keep the UI compact while maintaining context.