0.1.2 • Published 6 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
6 years ago
0.1.1
6 years ago
0.1.0
6 years ago
0.1.0-alpha.2
6 years ago
0.1.0-alpha.1
6 years ago
0.1.0-alpha.0
6 years ago
0.1.0-alpha
6 years ago