Shell
Shell from the Layout package.
Loading Shell…
Source code
Waiting for the preview before loading source files · 2 of 2
Properties
Public properties derived from the component’s TypeScript signature.
| Property | Type | Default |
|---|---|---|
sidenavOptionalSidenav content on the left | StrictComponentElement<"Sidenav"> | — |
childrenRequiredMain content area | LayoutRegionContent | — |
deviceOptionalDevice presentation chosen by the consuming application | "desktop" | "tablet" | "mobile" | "desktop" |
sidenavCollapsedOptionalWhether sidenav is collapsed (icon-only) | boolean | false |
sidenavOpenOptionalWhether the compact sidenav is revealed | boolean | false |
onSidenavOpenChangeOptionalRequests a compact sidenav state change after interacting with the main surface | ((open: boolean) => void) | — |
sidenavWidthOptionalWidth of sidenav when expanded | string | "288px" |
sidenavCollapsedWidthOptionalWidth of sidenav when collapsed | string | "64px" |
compactSidenavWidthOptionalWidth of the compact sidenav reveal | string | "min(calc(100% - 2rem), 20rem)" |