@uireact/flex v3.0.9

@UiReact

This is a React UI library, that defines a customizable theme object that powers all colorations, texts, sizes, etc.. Across your react application.

We are built using framer-motion for great animations and styled-components for easy CSS management.

You should visit our docs page for all information @uireact docs.

@uireact/flex-grid

This package exports UiFlex component used to render a flex grid.

We have a page dedicated to this component @uireact/flex docs.

Usage

Get @UiReact library working

First step is to get the library working for this you can look at this doc: Getting started.

Install package

If using npm:

npm i -S @uireact/flex-grid

Use it

    import { UiFlexGrid } from '@uireact/flex';

    <UiFlexGrid alignItems="center" gap="five">
        <UiFlexGridItem>
            <UiCard>
                <UiText>Item 1</UiText>
            </UiCard>
        </UiFlexGridItem>
        <UiFlexGridItem grow={1}>
            <UiCard>
                <UiText>Item 2</UiText>
            </UiCard>
        </UiFlexGridItem>
    </UiFlexGrid>