@arnat/styled-container

The bootstrap container component created with styled-components

Usage no npm install needed!

<script type="module">
  import arnatStyledContainer from 'https://cdn.skypack.dev/@arnat/styled-container';
</script>

README

ARNAT styled-container

npm Travis branch Codecov branch storybook lerna

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