Container

Component

Responsive content wrapper with size constraints.

Installation & Usage

Basic Usage

import { Container } from 'dotti'

<Container size="lg">
  <h1>Page Content</h1>
  <p>Your content here</p>
</Container>

Different container sizes for various layouts.

Small Container

Medium Container

Large Container

Code

<Container size="sm">Small Container</Container>
<Container size="md">Medium Container</Container>  
<Container size="lg">Large Container</Container>

TypeScript Support

All components are fully typed with TypeScript. Check your IDE for prop suggestions and documentation.