@UiReact

Installation

The Basics

Themes

Colorations

Foundation

Main View

Components

Charts

Dialogs

Framer Animations

EzForms

Forms

Grids

Typography

Tools

Contributing

Feature request

UiFlexGrid

Package: @uireact/flex

^v3.2.0

Component that wraps the content in a flex container, the flex properties are exposed through props

Installation ⚙️

1. Make sure you install peer dependencies first:

Expand peer dependencies

2. Install package:

npm i -S @uireact/flex

Usage


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