Block Section
Overview
Blocks sections can help organize and group content within a Block.
Sample
Edit sample on Codepen
API reference
calcite-block-section
Properties
Property | Attribute | Description | Type | Values |
---|---|---|---|---|
intlCollapse | intl-collapse | Tooltip used for the toggle when expanded. | undefined | |
intlExpand | intl-expand | Tooltip used for the toggle when collapsed. | undefined | |
open | open | When true, the block's section content will be displayed. | true false | |
status | status | BlockSection status. Adds indicator to show valid or invalid status. | idle invalid valid | |
text | text | Text displayed in the button. | undefined | |
toggleDisplay | toggle-display | This property determines the look of the section toggle. If the value is "switch", a toggle-switch will be displayed. If the value is "button", a clickable header is displayed. | button (default) switch |
Events
Name | Description | Detail |
---|---|---|
calciteBlockSectionToggle | Emitted when the header has been clicked. | any |
Slots
Name | Description |
---|---|
default (unnamed) | A slot for adding content to the block section. |