Collection of theme-ui and external components.
Theme UI
created:3/15/2021
updated:3/15/2021
source lines:6
comments %:0

Flex

theme-ui
0.6.0-alpha.7

The Flex component is identical to the Box component, but with display: flex set. If you need to alter the display property, use the Box component instead.

import { Flex } from 'theme-ui';

Overview

Box 1
Box 2
Box 3

Name
Description
Default
Controls
- (1 properties)
flexDirection
options
-
SpaceProps (1 properties)

Name
Description
Default
BoxOwnProps (4 properties)
as
ElementType<any>
-
variant
string
-
css
Interpolation<any>
-
sx
ThemeUIStyleObject
-
SpaceProps (28 properties)
TextColorProps (1 properties)
BackgroundColorProps (2 properties)
OpacityProps (1 properties)
HTMLAttributes (43 properties)
AriaAttributes (48 properties)
DOMAttributes (161 properties)
Attributes (1 properties)
- (1 properties)

package
imports
peer
@emotion/styled
styled

file
imports
"./Box"
Box