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. | truefalse | |
| status | status | BlockSection status. Adds indicator to show valid or invalid status. | idleinvalidvalid | |
| 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. |