@nature-ui/container/README.md

Container, nature-ui, component, Nature-UI container

# `@nature-ui/container`

> Container is just a div component with different sizes

## Installation

```sh
yarn add @nature-ui/container

# or

npm i @nature-ui/container
```

## Import Components

```jsx
import Container from '@nature-ui/container';
```

## Usage with sizes

```jsx
<span>
  <Container className='bg-gray-300' size='xs'>
    I love Nature
  </Container>
  <Container className='bg-blue-300' size='lg'>
    I love Nature
  </Container>
  <Container className='bg-green-300' size='md'>
    I love Nature
  </Container>
  <Container className='bg-blue-300' size='sm'>
    I love Nature
  </Container>
  <Container className='bg-red-300' size='xs'>
    I love Nature
  </Container>
</span>
```