SiCollapsiblePanelComponent documentation¶

selector

si-collapsible-panel

Name	Type	Default	Description
badge ¶	(`string` \| `number`)		Defines the content of the optional badge. Should be a number or something like "100+". if undefined or empty string, no badge is displayed
badgeColor ¶	`string`		Defines the background color of the badge. Default is specific to Element flavour.
colorVariant ¶	`BackgroundColorVariant`		Color to use for component background
contentBgClasses ¶	`string`	`''`	Additional CSS classes for the collapsible content region.
contentCssClasses ¶	`string`	`''`	Additional CSS classes for the wrapping content element.
disabled ¶	`boolean`	`false`	Whether the si-collapsible-panel is disabled.
headerCssClasses ¶	`string`	`''`	Additional CSS classes for the top element.
heading ¶	`string`		Heading for the collapsible panel.
icon ¶	`string`		The icon to be displayed besides the heading.
opened ¶	`boolean`	`false`	Expand/collapse the panel.

Name	Type	Description
openedChange ¶	`boolean`	Expand/collapse the panel.
panelToggle ¶	`boolean`	An event emitted when the user triggered expand/collapse and emit with the new open state. The event is emitted before the animation happens.
toggle ¶	`boolean`	An event emitted when the user triggered expand/collapse. The event is emitted before the animation happens. Deprecated: use panelToggle instead

Name	Type	Default	Description
openClose(...) ¶	(open: `boolean`, enableAnimation: `boolean` = `true`) => `void`		Expand/collapse panel. Parameters open: `boolean` indicate the panel shall open or close enableAnimation: `boolean` = `true` with animation

BackgroundColorVariant (`"base-1"` \| `"base-0"`)¶ Type alias Use this type with filter components `colorVariant` to render component variants based on background of container

▶

Constructor
() => `{}`¶

Properties
Emitting the current horizontal collapsed state. hcollapsed: `WritableSignal`<(`undefined` \| `boolean`)> = `undefined`¶
Subject to emit to open the accordion. open$: `Subject`<`unknown`> = ...¶

▶

Constructor
() => `{}`¶

Properties
Subject to emit when the items should be expanded to their full height or restored to normal height. fullHeight: `WritableSignal`<(`null` \| `boolean`)> = `null`¶
Emit an item in the accordion which should be toggled. toggle$: `Subject`<`any`> = ...¶

Except where otherwise noted, content on this site is licensed under MIT License.