---
title: Interaction Patterns Rule Categories
version: 1.0.0
---

# Rule Categories

## 1. Loading & Content — HIGH/CRITICAL — 2 rules

Patterns for loading states and content pagination.

- `interaction-skeleton-loading.md` — Skeleton vs spinner vs progress bar selection
- `interaction-infinite-scroll.md` — Accessible infinite scroll with keyboard support

## 2. Disclosure & Overlay — HIGH — 2 rules

Patterns for revealing content and choosing overlay types.

- `interaction-progressive-disclosure.md` — Levels of progressive disclosure by frequency
- `interaction-modal-drawer-inline.md` — Modal vs drawer vs inline expansion decision

## 3. Direct Manipulation — CRITICAL/MEDIUM — 2 rules

Patterns for drag-and-drop and tab overflow handling.

| Rule | Impact | File |
|------|--------|------|
| Drag & Drop | CRITICAL | `interaction-drag-drop.md` |
| Tabs Overflow | MEDIUM | `interaction-tabs-overflow.md` |

## 4. Feedback — HIGH — 1 rule

Notification and feedback patterns.

- `interaction-toast-notifications.md` — Toast positioning, auto-dismiss, ARIA roles, stacking
