test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-01 11:39:28 +08:00
Code Issues Actions 69 Packages Projects Releases Wiki Activity

Add breakpoint width documentation

Browse Source
This commit is contained in:
afc163 2017-07-14 13:32:30 +08:00
parent 9d39a55604
commit f9193952ff
2 changed files with 24 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
components/layout/index.en-US.md
View File

@ -97,6 +97,18 @@ breakpoint | breakpoint of the responsive layout | Enum { 'xs', 'sm', 'md', 'lg'
style | to custom the styles | object | -
className | container className | string | -
#### breakpoint width
```js
{
xs: '480px',
sm: '768px',
md: '992px',
lg: '1200px',
xl: '1600px',
}
```
> Note: If you want to wrap the `Sider`, do not forget to add this setting to the customized component: `__ANT_LAYOUT_SIDER = true`. e.g.
```jsx

12
components/layout/index.zh-CN.md
View File

@ -98,6 +98,18 @@ title: Layout
| style | 指定样式 | object | - |
| className | 容器 className | string | - |
#### breakpoint width
```js
{
xs: '480px',
sm: '768px',
md: '992px',
lg: '1200px',
xl: '1600px',
}
```
> 注意：如果你想在 `Sider` 基础上进行包装，需要给自定义组件加上 `__ANT_LAYOUT_SIDER = true` 设置，例如：
```jsx