Clubforge NorthDialogs and drawers
Pattern library / Fictional demo

Dialogs and drawers

Open related-surface dialogs, drawers and confirmation flows.

Live specimen

Dialogs support Escape, keep focus inside, and return focus to the launching control. The detail drawer uses the same native dialog behavior.

Design notes

Ask for attention deliberately.

Use a dialog for a short task that benefits from context. Use a drawer for supporting detail. The command palette is available from the header and with Ctrl/⌘ K.

Explore the system

Workspace handoff

A clear next step for every account.

Confirm the account owner, record the next review date, and attach the latest proposal before handing a relationship to another teammate. This checklist is an interface demonstration.

Browser demo · Changes stay on this device. No bookings, payments or emails are sent to a real club.