Layout v1.0.0

Container

A layout component that wraps content with a max-width and centers it horizontally. Provides consistent page width constraints with configurable sizes and padding.

Preview & Code

Options

Name Type Default Description
size Symbol :lg Max-width size: :sm (640px), :md (768px), :lg (1024px), :xl (1280px), :2xl (1536px), :full (100%)
padding Symbol :md Horizontal padding: :none, :sm, :md, :lg
class String "" Additional CSS classes to apply

Changelog v1.0.0

- Initial release with size variants (sm, md, lg, xl, 2xl, full)
- Configurable horizontal padding

Get Full Access

Unlock the source code for this component and all others. One-time payment for lifetime access.

Get Access Now