Feedback & Overlays

Feedback

Inline alerts, transient toasts, modal dialogs, drawers, empty states and loading affordances — how the interface talks back.

Alerts

Toasts

Powered by Sonner — themed to the design system.

Progress

Onboarding33%
x
Data migration78%
x

Dialogs & sheets

Tooltips, popovers & hover cards

Drawer

Sheet's mobile-friendly counterpart — it rises from the bottom edge and can be swiped away.

Drag the handle down, press Escape, or click the backdrop to dismiss.

Empty states

Nothing to show is still something to say — name the gap, then offer the next move.

No automations yet
Build your first flow and its runs, errors and hours saved show up here.
No results for “invoice”
Nothing matches that search in this workspace. Try a shorter query or drop a filter.

Spinners & loading

Three sizes, a button that actually waits, and an inline row for background work.

Fetching runs from the last 24 hours…

Toast patterns

Beyond the basics — promises that resolve, actions with an escape hatch, and toasts that wait for you.

Sonner options: toast.promise, cancel actions and duration: Infinity.

Progress variants

When you know the percentage, when you only know the step, and when you know nothing at all.

Indeterminate — duration unknown, so the bar just breathes.

x
OnboardingStep 3 of 5
ConnectMap fieldsTest runApproveGo live
Data migration
x