Block
Block provides a way to organize the interface around groups of functionality.
Overview
Blocks can be statically open or collapsible to help promote hierarchy. Additionally, Blocks have the option to be draggable to reorder elements within the interface.
Usage
- Organize logically grouped settings
- Add and arrange content elements that have their own settings
Sample
Accessibility
Keyboard navigation
| Key | Function |
|---|---|
Enter | Toggles the "Expand"/"Collapse" focused component. |
Space | Toggles the "Expand"/"Collapse" focused component. |
Tab | Moves focus into/out of the component or moves between calcite-block-sections. If the currently focused step is the last step, focus will leave the component |
Tab and Shift | Moves focus into/out of the component or moves between calcite-block-sections. If the currently focused step is the first step, focus will leave the component |