Reference
Layout
The application skeleton: Root, Header, Sider, Content, Footer — the admin arrangement dressed in the paper-and-ink surfaces. The root is a full-height grid; a declared `sider` turns the columns around to meet whichever edge the rail stands on.
Content · Footer · Header · Root · Sider · SiderResize
#LayoutRoot
| Prop | Type | Default | Description |
|---|---|---|---|
sider | String as PropType<"start" | "end"> | undefined | — |
#LayoutSider
| Prop | Type | Default | Description |
|---|---|---|---|
collapsed | Boolean | false | — |
width | String | "16rem" | — |
collapsedWidth | String | "3.5rem" | — |
resizable | Boolean | false | — |
minWidth | String | "12rem" | — |
maxWidth | String | "24rem" | — |
| Event | Payload |
|---|---|
update:collapsed | (_collapsed: boolean) => true |
update:width | (_width: string) => true |