Forms & inputs

A dropdown with a filter field and checkboxes; picks collapse into chips with a +N overflow counter.

Quick ranges like Last 7 days alongside a month grid where two clicks set a custom range, with live hover preview.

A recurrence picker: frequency, interval, weekday toggles and an end rule, summarised in a plain sentence.

A “Didn’t get a code?” control with a countdown ring, a Resend that unlocks at zero and growing back-off.

Set your status from presets or custom text, choose when it clears, and see it on your avatar badge right away.

A comment box where typing @ opens a filtered people list; picking someone inserts a mention token.

An iOS-style grouped settings list mixing switches, value rows with chevrons, inline selects and a destructive row.

Product size chips with sold-out sizes struck through, a low-stock note and a Notify me option for sold-out picks.

Paste or type emails into chips, pick a role, and send; invalid addresses are flagged and sent invites list below.

A two-step sign-in: email first, then password slides in with show / hide, plus a magic-link option and inline errors.

A switch that saves to a server: the knob shows a spinner while pending, and snaps back with a reason if the save fails.

A multiple-choice question: pick, check, and the right answer is marked with an explanation before Next.

A feature-flag card: per-environment switches and a rollout percentage you drag in steps, with a staged Save.

An avatar stack you click to assign people; a searchable list toggles assignees and the stack reflows live.

A task status pill (Backlog → Todo → In progress → Done) with a ring icon that fills by stage and a quick menu.

Draw a signature with pressure-smoothed strokes; undo the last stroke, clear, or type your name instead.

Two lists side by side: pick items on one side and move them across; moved items slide between columns.

A number field with a unit switcher that converts the value when you change units (px ↔ rem ↔ %, kg ↔ lb).

Type an address and pick a suggestion; the street, city, postcode and country fields fill in with a staggered reveal.

Set a monthly spend alert by dragging a marker along this month’s usage bar, with a forecast of when you’ll hit it.

A language switcher listing each language in its own script with its English name, searchable in either.

A segmented time input: hour, minute and AM/PM segments you type into or step with arrows; focus jumps forward.

A listing-photo grid: add images, drag to reorder, the first tile is the cover, and each tile can be removed.

A date-of-birth input as three typed fields (day, month, year) that auto-advance, validate the real date and show age.