Container
A flexible container component that can hold other components with customizable padding.
Installation
npm
npx maiton add container
Usage
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>
Props
The Container
component extends div
, so you can pass all standard div
props.
size
Description | The size of the container padding |
---|---|
Type | sm | md | lg | undefined |
Default | md |