Action Pad is a floating group of Actions that is typically placed on a map or imagery.
Overview
Action Pad accommodates for horizontal and vertical layouts that can be expanded to show text labels. Distinct from Action Bar, Action Pad has rounded corners and box-shadows and should be positioned above other content. Built from a group of Actions, the Action Pad handles props like positioning, light/dark modes, and expand controls.
Action Pad was created to be placed on a map, or floating by itself in an area of the interface. For a flush inline group of Actions, please consider Action Bar.
Usage
- Editing tools
- Drawing/polygon tools
- Zoom and various map controls
Sample
Accessibility
Keyboard navigation
| Key | Function |
|---|---|
Space | Presses the calcite-action. |
Enter | Presses the calcite-action. |
Tab | Moves focus in and out of component. |
Tab and Shift | Moves focus in and out of component. |
Writing and copy
Refer to Action for writing and copy guidelines.