|
|
@ -73,11 +73,11 @@ Style of a navigation should conform to its level. |
|
|
|
|
|
|
|
The wrapper. |
|
|
|
|
|
|
|
| Property | Description | Type | Default | Version | |
|
|
|
| --- | --- | --- | --- | --- | |
|
|
|
| className | container className | string | - | | |
|
|
|
| hasSider | whether contain Sider in children, don't have to assign it normally. Useful in ssr avoid style flickering | boolean | - | 3.2.0 | |
|
|
|
| style | to customize the styles | object | - | | |
|
|
|
| Property | Description | Type | Default | |
|
|
|
| --- | --- | --- | --- | |
|
|
|
| className | container className | string | - | |
|
|
|
| hasSider | whether contain Sider in children, don't have to assign it normally. Useful in ssr avoid style flickering | boolean | - | |
|
|
|
| style | to customize the styles | object | - | |
|
|
|
|
|
|
|
> APIs of `Layout.Header` `Layout.Footer` `Layout.Content` are the same as that of `Layout`. |
|
|
|
|
|
|
@ -85,22 +85,22 @@ The wrapper. |
|
|
|
|
|
|
|
The sidebar. |
|
|
|
|
|
|
|
| Property | Description | Type | Default | Version | |
|
|
|
| --- | --- | --- | --- | --- | |
|
|
|
| breakpoint | [breakpoints](/components/grid#Col) of the responsive layout | Enum { 'xs', 'sm', 'md', 'lg', 'xl', 'xxl' } | - | | |
|
|
|
| className | container className | string | - | | |
|
|
|
| collapsed | to set the current status | boolean | - | | |
|
|
|
| collapsedWidth | width of the collapsed sidebar, by setting to `0` a special trigger will appear | number | 80 | | |
|
|
|
| collapsible | whether can be collapsed | boolean | false | | |
|
|
|
| defaultCollapsed | to set the initial status | boolean | false | | |
|
|
|
| reverseArrow | reverse direction of arrow, for a sider that expands from the right | boolean | false | | |
|
|
|
| style | to customize the styles | object | - | | |
|
|
|
| theme | color theme of the sidebar | string: `light` `dark` | `dark` | 3.6.0 | |
|
|
|
| trigger | specify the customized trigger, set to null to hide the trigger | string\|ReactNode | - | | |
|
|
|
| width | width of the sidebar | number\|string | 200 | | |
|
|
|
| onCollapse | the callback function, executed by clicking the trigger or activating the responsive layout | (collapsed, type) => {} | - | | |
|
|
|
| onBreakpoint | the callback function, executed when [breakpoints](/components/grid#API) changed | (broken) => {} | - | 3.7.0 | |
|
|
|
| zeroWidthTriggerStyle | to customize the styles of the special trigger that appears when `collapsedWidth` is 0 | object | - | 3.24.0 | |
|
|
|
| Property | Description | Type | Default | |
|
|
|
| --- | --- | --- | --- | |
|
|
|
| breakpoint | [breakpoints](/components/grid#Col) of the responsive layout | Enum { 'xs', 'sm', 'md', 'lg', 'xl', 'xxl' } | - | |
|
|
|
| className | container className | string | - | |
|
|
|
| collapsed | to set the current status | boolean | - | |
|
|
|
| collapsedWidth | width of the collapsed sidebar, by setting to `0` a special trigger will appear | number | 80 | |
|
|
|
| collapsible | whether can be collapsed | boolean | false | |
|
|
|
| defaultCollapsed | to set the initial status | boolean | false | |
|
|
|
| reverseArrow | reverse direction of arrow, for a sider that expands from the right | boolean | false | |
|
|
|
| style | to customize the styles | object | - | |
|
|
|
| theme | color theme of the sidebar | string: `light` `dark` | `dark` | |
|
|
|
| trigger | specify the customized trigger, set to null to hide the trigger | string\|ReactNode | - | |
|
|
|
| width | width of the sidebar | number\|string | 200 | |
|
|
|
| onCollapse | the callback function, executed by clicking the trigger or activating the responsive layout | (collapsed, type) => {} | - | |
|
|
|
| onBreakpoint | the callback function, executed when [breakpoints](/components/grid#API) changed | (broken) => {} | - | |
|
|
|
| zeroWidthTriggerStyle | to customize the styles of the special trigger that appears when `collapsedWidth` is 0 | object | - | |
|
|
|
|
|
|
|
#### breakpoint width |
|
|
|
|
|
|
|