Flex

The Flex component is a layout component that uses flexbox to layout its children.

It has a display: flex style by default.

How to use

1import { Flex } from '@devup-ui/react'
2
3function App() {
4  return <Flex />
5}
1import { Flex } from '@devup-ui/react'
2
3function App() {
4  return <Flex />
5}

The Flex component defined above will render like this:

1function App() {
2  return <div className="a" />
3}
1function App() {
2  return <div className="a" />
3}

1.a {
2  display: flex;
3}
1.a {
2  display: flex;
3}