ARNAT styled-container

Modular approach to use bootstrap components for quick prototypes, as an entrypoint of the component library.

Usage

import { Container } from '@arnat/styled-container';

const MyContainerComponent = (props) => (
  {/* fixed width for small, medium, large and xlarge screen width */}
  <Container>
    <p>Content 1</p>
    <p>Content 2</p>
    <p>Content 3</p>
  </Container>

  {/* fills all available space */}
  <Container fluid>
    <p>Content 1</p>
    <p>Content 2</p>
    <p>Content 3</p>
  </Container>
);

Properties

Properties which can be added to the component to change the visual appearance.

• fluid Type: boolean