Shell Panel
API reference
calcite-shell-panel
Properties
Property | Attribute | Description | Type | Values |
---|---|---|---|---|
collapsed | collapsed | Hide the content panel. | true false | |
detached | detached | This property makes the content area appear like a "floating" panel. | true false | |
detachedHeightScale | detached-height-scale | Specifies the maximum height of the contents when detached. | l (default) m s | |
intlResize | intl-resize | Accessible label for resize separator. | "Resize" (default) | |
position | position | Arranges the component depending on the elements 'dir' property. | end start | |
resizable | resizable | This property makes the content area resizable if the calcite-shell-panel is not 'detached'. | true false | |
widthScale | width-scale | This sets width of the content area. | l m (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. |