Calcite Action Bar is a tool group made from the Action component that is typically used for core operations in the interface.
The design of Action Bar accommodates actions in a vertical layout. Built from a group of Actions, the Action Bar handles props like positioning, light/dark modes, and expand controls.
Action Bar was created to be placed on the left or right edge of the interface. For a floating group of Actions, please consider Action Pad.
- Core functions and menus in an application
- Toolbar for the interface
- Set of Actions in a focused view
|Press on item|
|Move focus to next non-disabled item. If the currently focused step is the last step, the focus will leave the component|
|Move focus to previous non-disabled item. If the currently focused step is the first step, the focus will leave the component|
Refer to Action for writing and copy guidelines.
When set to true, the expand-toggling behavior will be disabled.
Indicates whether widget is expanded.
Updates the label of the collapse icon when the component is expanded.
Updates the label of the expand icon when the component is not expanded.
Disables automatically overflowing actions that won't fit into menus.
Arranges the component depending on the elements 'dir' property.
Specifies the size of the expand action.
Emitted when expanded has been toggled.
Sets focus on the component.
A slot for adding `calcite-action`s that will appear at the top of the action bar.
A slot for adding `calcite-action`s that will appear at the bottom of the action bar, above the collapse/expand button.
Used to set the tooltip for the expand toggle.