Flex

A utility component that renders a div with flex properties applied.

Flex

Features

Generates a div element with flex applied.

Flex is Box with display: flex set. It renders a div element.

#Import

import { Flex } from '@wpmedia/ads-layout'
interface FlexProps
PropsDescription
children
(optional)
ReactNode

Contents of the box

css
(optional)
StitchesCss<any>

Maps to the Stitches CSS prop.

gap
(optional)
keyof DimensionValue
id
(optional)
undefined | string

The element's unique identifier. See MDN.


#Usage

Box 1
Box 2
Box 3
Copyright 2021 Arc XP