Overlays
Everything a CRUD screen layers over the page. Modal and drawer share one focus trap, so Tab stays inside the panel and closing hands focus back to the control that opened it.
Dropdown menu
Arrow keys move between items; Escape closes.
Tooltip
Reveals on hover and on keyboard focus, never hover alone.
Refresh the table without reloading the page Archived orders stay searchable for 90 days.
Revenue Gross revenue, before refunds
Modal
A dialog for a decision or a short form.
Drawer
The same contract, anchored to an edge.
Tabs
Roving tabindex — one Tab stop, arrow keys move between tabs.
Order #1042 · placed 12 March · paid by card.
Ada Lovelace, Grace Hopper and 2 others can see this order.
Refund requested 2 days ago, still awaiting review.
Delete this order?
Order #1042 will be removed for everyone. This cannot be undone.
Refunds already issued against this order are kept for accounting.
New customer
They get an invite by email.
Order #1042
- Customer
- Ada Lovelace
- Plan
- Scale
- Amount
- $1,240