0.1.2 • Published 4 years ago
@-ui/react-layout v0.1.2
Awesome layout primitives for React and dash-ui
Quick Start
import _ from '@-ui/react-layout'
API
Components
Component | Description |
---|---|
LayoutProvider | A context provider which is only required if you intend on using media query props or a custom styles object created by @-ui/react using styles.create() |
Cluster | |
Column | |
FlexItem | |
Box | |
Grid | |
GridItem | |
Layer | |
LayerItem | |
Row |
Hooks
Component | Description |
---|---|
useLayout | Consumes the context from LayoutProvider |
Styles
These are useful objects for using quick flex styles in media query props
Component | Description |
---|---|
alignContent | |
alignItems | |
alignSelf | |
flexDirection | |
justifyContent | |
justifyItems | |
justifySelf |
Components
<LayoutProvider>
Prop | Type | Default | Required? | Description |
---|---|---|---|---|
Hooks
useLayout()
Consumes the context from LayoutProvider
Styles
alignItems
An object containing a property map for align-items
styles
LICENSE
MIT
0.1.2
4 years ago
0.1.1
4 years ago
0.1.0
4 years ago
0.1.0-alpha.2
4 years ago
0.1.0-alpha.1
4 years ago
0.1.0-alpha.0
4 years ago
0.1.0-alpha
4 years ago