Skip to content

Latest commit

 

History

History
37 lines (30 loc) · 877 Bytes

Flex.mdx

File metadata and controls

37 lines (30 loc) · 877 Bytes
Raw

Flex

The Flex component renders a responsive flexbox layout component that controls the layout of the components nested inside. Use it when you want to create mobile responsive layouts or want to arrange content in columns or rows. This component extends Box.

import {Flex, Box} from 'pipeline-ui'

Usage Example

<Flex>
  <Box p={3} width={1 / 2} color="salmon" bg="black">
    Flex
  </Box>
  <Box p={3} width={1 / 2} color="white" bg="salmon">
    Box
  </Box>
</Flex>

Props

import { Table } from 'pipeline-ui';

Prop Type Default Description
displaystring (optional)'flex'



Flex uses COMMON, LAYOUT, POSITION, FLEXBOX, BORDERS groups of Styled System props.