Components / Layout

Container

A centred, width-capped wrapper with token gutters that hold down to 320px.

@ruckc/truss-ui Layout

Import

import { Container } from '@ruckc/truss-ui';

Playground

size
as

API

The element to render.

PropTypeDefaultDescription
size 'sm' | 'md' | 'lg' | 'full''lg'Width cap: `sm` 40rem, `md` 56rem, `lg` the container token (72rem by default), `full` none.
as string'div'The element to render.
children snippet Snippet—Content, as a Svelte snippet.
/docs/container Truss UI · MIT