All groupsScreen group

Overlays & feedback

Everything drawn over the page — what earns a modal, what stays inline, and the window to take it back.

Available
13
Sizes
03
Group
/overlays

Overlays & feedback · 13 available

Available overlays & feedback screens

Live routes rendered in isolated frames. Switch each canvas to phone, tablet, or desktop width to review the responsive layout, or open a route in a dedicated tab.

01

Dialog & sheet

The same task as a centred dialog on desktop and a bottom sheet on the phone, with the threshold between them stated.

02

Destructive confirmation

The count and the money at stake, typed confirmation where it is warranted, and an action that names exactly what it will do.

03

Toasts & undo

What each result says, how long it waits, and which ones are reversible for as long as they are on screen.

04

Command palette

One field over forty books — clients, screens, actions and recent rows, ranked by what is likely from here.

05

Popovers & tooltips

Hover, focus and tap treated as the same intent, so a figure can explain itself without leaving the page.

06

Stepped dialog

A move with a middle: the from, the to, and the review that prints the whole transfer before it lands.

07

Receipt lightbox

The paper itself, drawn over the list: one receipt at a time, captioned, keyboard-navigable, and never leaving the page it explains.

08

Share & invite

The household's doors: an invite by email with the role it grants, and the pending invites that have not answered yet.

09

Inline feedback

How a result announces itself in place: a banner for what changed, per-field errors for what did not, and the confirm that happens in the row.

10

Unsaved-changes guard

Leaving with work half-done: the dialog that earns a modal, counting what would be lost and offering the way back in.

11

Row menus

The menus a ledger row carries — right-click, the trailing dots, and the bar's menubar — the same actions in every door, with the destructive one kept apart.

12

Pickers

The popovers that choose for a report — a date range with presets, a client combobox, and a tag field — each one applied the moment it closes.

13

Edit in a drawer

A row edited beside the table it came from: the sheet holds the form, the list stays put, and the save writes back into the row you can still see.