SiCollapsiblePanelComponent documentation¶
selector
si-collapsible-panelInput Properties¶
| 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. |
Output Properties¶
| 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. |
Attributes and Methods¶
| Name | Type | Default | Description |
|---|---|---|---|
| openClose(...) ¶ | (open: boolean, enableAnimation: boolean = true) => void | Expand/collapse panel. Parameters |
Types Documentation¶
| Use this type with filter components colorVariant to render component variants based on background of container |
|---|
Except where otherwise noted, content on this site is licensed under MIT License.