Flex

Flex provides a simple API for creating flexible layouts using CSS Flexbox.

Import

import { Flex } from "@shivms/ui";

Direction

Row

One

Two

Three

Four

Five

Column

One

Two

Three

Four

Five

Row Reverse

One

Two

Three

Four

Five

Column Reverse

One

Two

Three

Four

Five

Justify

Start

One

Two

Three

Four

Five

Center

One

Two

Three

Four

Five

End

One

Two

Three

Four

Five

Between

One

Two

Three

Four

Five

Around

One

Two

Three

Four

Five

Evenly

One

Two

Three

Four

Five

Align

Start

One

Two

Three

Four

Five

Center

One

Two

Three

Four

Five

End

One

Two

Three

Four

Five

Stretch

One

Two

Three

Four

Five

Baseline

One

Two

Three

Four

Five

Wrap

No Wrap

One

Two

Three

Four

Five

Wrap

One

Two

Three

Four

Five

Wrap Reverse

One

Two

Three

Four

Five

Gap

Extra Small

One

Two

Three

Four

Five

Small

One

Two

Three

Four

Five

Medium

One

Two

Three

Four

Five

Large

One

Two

Three

Four

Five

Extra Large

One

Two

Three

Four

Five

Elements

Div

One

Two

Three

Four

Five

Section

One

Two

Three

Four

Five

Article

One

Two

Three

Four

Five