Baby Baltazar

Container

Page margins and max content width. Optional sparse vertical guides show only the content edges.

Installation

Install this component via the shadcn CLI.

npx shadcn@latest add https://baby-baltazar-xi.vercel.app/r/container.json

Or install the theme first: npx shadcn@latest add https://baby-baltazar-xi.vercel.app/r/sthlm-theme.json

Preview

Interactive component demo.

Default container (no guides)
With showMarginGuides — visible margin lines only

Usage

How to use this component in your code.

<Container>Content</Container>
<Container showMarginGuides>Content with margin guides</Container>