Container

Responsive content container

SaaSLayout

Overview

The Container component constrains content width using size presets (sm, md, lg, xl, 2xl, full) and centers it horizontally. It provides consistent horizontal padding and is the foundation for page-level layout.

Usage

import { Container } from "@leanicon/web-builder-library/saas";

<Container size="xl">
  <p>Centered, width-constrained content.</p>
</Container>;

Variants

Default

Container content — width constrained by the size variant

Small

Container content — width constrained by the size variant

Full

Container content — width constrained by the size variant

Dark

Container content — width constrained by the size variant

Props

NameTypeDefaultRequiredDescription
size"sm" | "lg" | "full" | "md" | "xl" | "2xl" | null—No