Data Source Status
Onboarding panel showing three data source connection rows with connected, connecting, and failed states including an actionable error and continue-anyway link.
Onboarding panel showing three data source connection rows with connected, connecting, and failed states including an actionable error and continue-anyway link.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Data Source Status is the connection check panel in the onboarding flow: three sources as rows, each with a distinct state. Postgres is Connected with a last-sync timestamp (Last synced Jun 13, 09:14). Segment is Connecting with a spinner and the live status detail Verifying write key. CSV upload has Failed on accounts-june.csv and surfaces the exact error: Row 4 has an unrecognised date format in column created_at, with a Retry button. A continue-anyway link and an honest skip note sit at the footer.
Sources are one typed array with a union status field. The error detail is the thing that makes a failed row actionable rather than just alarming.
Reach for this block as the connection-verification step of a multi-step onboarding wizard, wired to your integration health endpoint. Poll each row's status and update the badge in place rather than reloading the whole page.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the initial data-source connection check. Other status panel uses:
Tip: the continue-anyway link respects users who know their error is non-critical; hiding it forces a support ticket instead.