Container

A centered, padded page-width container.

Centered, max-width container

import { BuiContainer } from 'ng-blatui';

<div buiContainer size="md"><!-- page content --></div>

Sizes

<div buiContainer size="sm">sm</div>
<div buiContainer size="md">md</div>
<div buiContainer size="lg">lg</div>

A container caps line length for comfortable reading, centering content with responsive padding.

<div buiContainer size="sm" class="prose dark:prose-invert">
  <h3>Readable measure</h3>
  <p>Caps line length for comfortable reading.</p>
</div>

Prop	Type	Default	Description
`size`	`"full" \| "lg" \| "md" \| "prose" \| "sm" \| "xl"`	`'lg'`	Maximum width preset for the container.

Every ng-blatui component also accepts a class input to merge extra Tailwind classes onto the host.