@simosol/boxes

`yarn add @simosol/boxes`

Usage no npm install needed!

<script type="module">
  import simosolBoxes from 'https://cdn.skypack.dev/@simosol/boxes';
</script>

README

Boxes

Installation

yarn add @simosol/boxes

Usage

boxes.scss should be included first. Your project should compile scss.

import React from 'react';
import '@simosol/boxes/lib/boxes.css';
import { VBox, HBox } from '@simosol/boxes';

const App = (): JSX.Element => (
  <VBox gap={8}>
    <div>Div 1</div>
    <div>Div 2</div>
    <HBox gap={16}>
      <div>Div 3</div>
      <div>Div 4</div>
      <div>Div 5</div>
    </HBox>

  </VBox>
);

export default App;