Shell Panel
API reference
calcite-shell-panel
Properties
| Property | Attribute | Description | Type | Values |
|---|---|---|---|---|
| collapsed | collapsed | Hide the content panel. | truefalse | |
| detached | detached | This property makes the content area appear like a "floating" panel. | truefalse | |
| detachedHeightScale | detached-height-scale | Specifies the maximum height of the contents when detached. | l (default)ms | |
| intlResize | intl-resize | Accessible label for resize separator. | "Resize" (default) | |
| position | position | Arranges the component depending on the elements 'dir' property. | endstart | |
| resizable | resizable | This property makes the content area resizable if the calcite-shell-panel is not 'detached'. | truefalse | |
| widthScale | width-scale | This sets width of the content area. | lm (default)s |
Events
| Name | Description | Detail |
|---|---|---|
| calciteShellPanelToggle | Emitted when collapse has been toggled. | any |
Slots
| Name | Description |
|---|---|
| default (unnamed) | A slot for adding content to the shell panel. |
| action-bar | A slot for adding a `calcite-action-bar` to the panel. |