@artifak/flex

A styled-component Flex grid component for your layout needs.

Usage no npm install needed!

<script type="module">
  import artifakFlex from 'https://cdn.skypack.dev/@artifak/flex';
</script>

README

`@artifak/flex`

A flexbox version of @artifak/flex. You can also view the docs at Artifak Flex.

Installation

Yarn

yarn add @artifak/flex

NPM

npm install @artifak/flex

Usage

Below is an example of how you may use it.

import { FlexRow, FlexCol } from '@artifak/flex';

export const Blog = () => {
  return (
    <FlexRow>
      <FlexCol columnSize={[12, 6, 4]}>Column 1<FlexCol>
      <FlexCol columnSize={[12, 6, 4]}>Column 2<FlexCol>
      <FlexCol columnSize={[12, 6, 4]}>Column 3<FlexCol>
    </FlexRow>
  );
};