@avvent/react-layoutsdeprecated

React component library that eases the creation of layouts, using flexbox, CSS grind and a smart box component. Responsive design kept in mind :)

Usage no npm install needed!

<script type="module">
  import avventReactLayouts from 'https://cdn.skypack.dev/@avvent/react-layouts';
</script>

README

NPM JavaScript Style Guide

Avvent studio presents:

@avvent/react-layouts

A react component library that eases layout creation using css grids and flexbox coupled with a smart box component.

Table of contents

Install

npm

npm install --save @avvent/react-layouts styled-components@^5.0.0

yarn

yarn add @avvent/react-layouts styled-components@^5.0.0

Documentation

Storybook Docs

Roadmap

  • Add universal smart prop (style-*)
  • Add Examples (Storybook?)
    • More examples
  • More in- depth code
  • Add a float layout parent component
  • Add a HTML tabled-based layout parent component
  • Setup a showcase website (Storybook✅)
  • Add more functionality to debug prop
  • Performance optimizations ?
  • Add unit Tests
  • Add gutter prop to Flex component
  • Turn hidden-* to hidden-from-* & hidden-to-*
  • Add helper functions
  • Add websites that use lib as a showcase

License

MIT © Avvent Studio