Selection behaviors
Lists and tables can operate in different modes — from simple viewing to complex selection and editing. Each mode needs specific interface elements and behaviors that help users understand their current context and available actions.
Design principles for modes:
- Edit mode: Reveals control buttons in the navigation bar, shows reorder handles when needed
- Organize mode: Enables drag and drop between sections or lists
- Batch editing: Groups actions that can affect multiple items at once
- Reordering: Shows grab handles and live preview when items can be rearranged
- Delete mode: Uses red delete buttons with clear confirmation steps
- Mode switching: Provides clear transitions between different modes
