dash-ui
@-ui/react-layout
npm i @-ui/react-layout
Awesome layout primitives for React and dash-ui
Quick Start
jsx harmony
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