Container

A flexible container component that can hold other components with customizable padding.

Installation

npm

npx maiton add Container

import { Container } from "../components/Container";

<Container>
  <div tw="flex flex-col align-start gap-4">
    <p>Container</p>
    <p>Your nice container!</p>
  <div>
</Container>

The Container component extends div, so you can pass all standard div props.

Description	The size of the container padding
Type	`sm \| md \| lg \| undefined`
Default	`md`