Let’s talk
Back to all

Modals (error/creation) - Finance app — HRIS sync error and edit model modals for a finance app

Components

Let’s talk

Modals from a finance app that connects to a company’s HRIS, its HR system.

The integration details modal comes in two states. When syncing fails, a red message explains the problem and reassures that reconnecting won’t lose any data, and the status reads Unable to sync. When all is well, it reads Connected. Disconnecting is labeled careful and asks for confirmation, warning that the action can’t be undone.

The second modal edits a model: a name, HRIS attributes added as removable tags, a color, and whether all users or only invited people can use it.

Got something real to build?

I join your team as a design partner and stay for the long run, from the first flow to shipped UI.

Let’s talk