@uireact/grid NPM

@UiReact

UiReact icon

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/grid

This package exports UiGrid component used to render a column grid.

We have a page dedicated to this component @uireact/grid 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/header

Use it

    import { UiGrid } from '@uireact/grid';

    <UiGrid cols={3} rows={2} colsGap="four" justifyItems="center">
        <UiCard fullWidth fullHeight>
            <UiText>Item 1!</UiText>
        </UiCard>
        <UiCard fullWidth fullHeight>
            <UiText>Item 2!</UiText>
        </UiCard>
    </UiGrid>

@uireact/foundation

@infinitebrahmanuniverse/nolb-_ui @uireact/datepicker @uireact/table @zalastax/nolb-_ui

9 months ago

10 months ago

10 months ago

10 months ago

10 months ago