@-ui/react-layout 中文文档教程
@-ui/react-layout
npm i @-ui/react-layout
React 和 dash-ui
Quick Start
jsx 和谐 的很棒的布局原语 从'@-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
这些是在媒体查询道具中使用快速弹性样式的有用对象 使用
| Component | Description |
|---|---|
| alignContent | |
| alignItems | |
| alignSelf | |
| flexDirection | |
| justifyContent | |
| justifyItems | |
| justifySelf |
Components
<LayoutProvider>
| Prop | Type | Default | Required? | Description |
|---|---|---|---|---|
Hooks
useLayout()
来自 LayoutProvider 的上下文
Styles
alignItems
包含 align-items样式
LICENSE
麻省理工学院
@-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
