Skip to content

Result

The end of a flow: success, error, or information with next steps. Big enough to land, calm enough to trust.

Example

Payment complete

Receipt INV-2041 was emailed. Your plan upgrades immediately.

<Result
  status="success"
  title="Payment complete"
  body="Receipt INV-2041 was emailed."
>
  <Button href="/components">Back to components</Button>
</Result>

Props

PropTypeDefaultDescription
statussuccess | error | info-Glyph + accent.
title / bodystring-Outcome + next step context.

Accessibility