Complex form

A single column form with labels stacked above each input and a clear submit action. Ideal for short flows like sign in, contact, or quick profile edits.

A form split into two columns of fields with a shared header and footer actions. Use it for longer profiles or billing details that fit a wider screen.

One-time API key reveal dialog with a monospaced copy field, a one-time-only warning, scoped permissions, and a checkbox-gated Done button.

Archive confirmation dialog with icon rows for what changes, a kept and restorable stats strip, a notify members checkbox, and a restore note.

Bulk-edit dialog for 14 selected items with a status Select, a change-preview callout, optional fields, and a 30-second undo-window note.

A cancel subscription dialog with a reason radio list, a pause offer panel, a period end access note, and a keep plan primary action.

What deleting Apollo destroys and what survives, gated by typing the name.

Integration connect dialog listing exact OAuth scopes, a minimal-scope trust note, and both an OAuth button and an API key path.

A create webhook dialog with an endpoint URL field, a checklist of subscribable events showing volume estimates, a signing note, and create actions.

Accessible delete confirmation dialog with clear consequence copy, cancel-first focus order, and confirmed destructive state.

Edit conflict dialog with a three column yours versus theirs field diff, a radio list of resolutions, and a version history safety note.

Format and scope choices with real counts, delivered in minutes, not 30 days.