Container

Component Container

Import: import { Container } from '@kubed/components;'

Source: View source code

Docs: Edit this page

npm: @kubed/components

Documentation

Component Props

Basic Usage

The contents of the container components are arranged from left to right.

<Container  style={{ background:'#eee'}}>

</Container>

1
<Container  style={{ background:'#eee'}}>
2

3
</Container>
4

Size and Padding

<>
  <Container size="xl" padding="xl" style={{ background: '#eee' }}>
    container
  </Container>
  <Container size="sm" padding="sm" style={{ marginTop:'30px',background: '#eee'}}>
    container
  </Container>
</>

1
<>
2
  <Container size="xl" padding="xl" style={{ background: '#eee' }}>
3
    container
4
  </Container>
5
  <Container size="sm" padding="sm" style={{ marginTop:'30px',background: '#eee'}}>
6
    container
7
  </Container>
8
</>
9

Fluid

<Container fluid style={{ background: '#eee'}}>
    container
</Container>

1
<Container fluid style={{ background: '#eee'}}>
2
    container
3
</Container>
4