E
Interface Elements and Controls
Buttons and Action Triggers
63 cards- Button Hierarchy 4
- Button States 3
- Destructive Action Buttons 3
- Icon-Button Ambiguity 3
- Floating Action Buttons 3
- Button Labels 3
- Button Hit Targets 3
- Links versus Buttons 3
- Loading Buttons 3
- Button Order 3
- Button State Completeness 4
- Toggle and State Buttons 4
- Icon-Plus-Text Buttons 4
- Button Groups and Split Buttons 4
- Button Width and Flex 4
- Link and Button Semantics 4
- Loading Buttons and Double-Submit Prevention 4
- Button Order and Platform Conventions 4
Input Controls
72 cards- Single-Line Text Fields 3
- Multiline Text Areas 3
- Label Placement 3
- Placeholders 3
- Floating Labels 3
- Format Hints and Examples 3
- Input Masks 3
- Character Limits 3
- Password Fields 3
- Search Fields 3
- Numeric Input and Steppers 3
- Sliders 4
- Date Pickers 3
- Time and Range Pickers 3
- File Upload 3
- Autocomplete Dropdowns 3
- Clear Buttons in Fields 3
- Rich Text Editors 4
- Currency, Units, and Magnitude Input 4
- Tag Input 4
- Read-Only, Disabled, and Non-Editable 4
- Autofocus and Focus Stealing 4
Selection Controls
56 cards- Checkboxes 3
- Radio Buttons 3
- Switches 3
- Choosing Switch versus Checkbox 3
- Select Menus 3
- Multi-Select Dropdowns 3
- Segmented Controls 3
- Chip Selection 3
- Rating Controls 3
- Matching Option Count to Control 3
- Default-Value Strategy 3
- Tri-State and Indeterminate 3
- Cascading Selects 4
- Transfer Lists and Dual-Column Selection 4
- Color Pickers 4
- Tree Multi-Select and Parent-Child Coupling 4
- In-List Search and Filtering 4
Containers and Structural Components
70 cards- Cards 3
- List Items 3
- Tables 4
- Sticky Headers and Horizontal Scroll 3
- Inline and Bulk Actions 3
- Tree Controls 3
- Accordions 3
- Split Views and Master-Detail 3
- Drawers 3
- Modal Dialogs 4
- Non-Modal Panels 3
- Popovers 3
- Tooltips 3
- Coach Marks 3
- Action Sheets 3
- Overlay Stacking and Escape 3
- List Grouping and Sticky Headers 4
- Virtualized Long Lists 4
- Dialog Size and Responsiveness 4
- Dividers versus Whitespace 4
- Timelines and Stream Structures 4
Navigation Controls
57 cards- Top App Bars 3
- Bottom Tab Bars 3
- Sidebar Navigation 3
- Hamburger Menus 3
- Breadcrumbs 3
- Pagination 3
- Infinite Scroll 3
- Load More Buttons 3
- Back to Top 3
- Steppers 3
- Tabs 3
- Menus and Submenus 3
- Context Menus 3
- Command Palettes 3
- Number of Navigation Items 3
- Shortcuts and Pinned Items 4
- Navigation Badges and Hints 4
- Permission Visibility of Navigation 4
Feedback and Status Components
48 cards- Toasts 3
- Banners 3
- Inline Validation 3
- Global Status Messages 3
- Confirmation Dialogs 3
- Empty States 3
- Skeleton Screens 3
- Loading Indicators 3
- Determinate and Indeterminate Progress 3
- Error and Fallback Pages 3
- Badges and Dots 3
- When Notices Dismiss 3
- Inline Result Presentation 4
- Offline and Connectivity Notices 4
- Version Update Notices 4