Container

A centered content wrapper with max-width size variants.

Content goes here...

Installation

npx shadcn@latest add https://reactdocs.canceydejean.dev/r/container.json

Usage

Use the container to constrain page or section content. Set size to base, contained, thin, or full.

import { Container } from "@/components/container/container";

export function Example() {
  return (
    <Container
      size="thin"
      className="bg-background flex items-center justify-center rounded-2xl border border-dashed p-4"
    >
      Content goes here...
    </Container>
  );
}