<?xml version="1.0" encoding="utf-8"?>

Selection behaviors

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

Improve your UX & Product skills with interactive courses that actually work