Shell Panel

API reference

calcite-shell-panel
v1.0.0-beta.83

Properties

PropertyAttributeDescriptionTypeValues
collapsedcollapsed

Hide the content panel.

booleanA boolean property should be present, or not
truefalse
detacheddetached

This property makes the content area appear like a "floating" panel.

booleanA boolean property should be present, or not
truefalse
detachedHeightScaledetached-height-scale

Specifies the maximum height of the contents when detached.

typedChoose from a set of typed values
l (default)ms
intlResizeintl-resize

Accessible label for resize separator.

stringA custom string
"Resize" (default)
positionposition

Arranges the component depending on the elements 'dir' property.

typedChoose from a set of typed values
endstart
resizableresizable

This property makes the content area resizable if the calcite-shell-panel is not 'detached'.

booleanA boolean property should be present, or not
truefalse
widthScalewidth-scale

This sets width of the content area.

typedChoose from a set of typed values
lm (default)s

Events

NameDescriptionDetail
calciteShellPanelToggle
deprecateduse a resizeObserver on the shell-panel to listen for changes to its size.

Emitted when collapse has been toggled.

bubblescomposedcancelable
any

Slots

NameDescription
default (unnamed)

A slot for adding content to the shell panel.

action-bar

A slot for adding a `calcite-action-bar` to the panel.

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.