Container

A responsive container that constrains content width and centers it on the page.

Installation

dotnet add package Lumeo

One-time app setup (AddLumeo(), CSS & JS) is covered in the installation guide.

@using Lumeo

<Container />

Centered Content

Content centered within max-w-md

Different Max Widths

max-w-sm

max-w-md

max-w-lg

max-w-xl

MaxWidth — interactive

Pick a max-width to see it applied live.

max-w-md

Property	Type	Default	Description
MaxWidth	string?	"lg"	Maximum width. Maps to max-w-{value} (e.g. "sm", "md", "lg", "xl", "2xl").
Center	bool	true	Whether to horizontally center the container using mx-auto.
Padding	string?	"4"	Horizontal padding applied via px-{value}.