Result

    A feedback page for displaying operation outcomes.

    When to Use

    • For success/error pages after form submission
    • For 404, 403, or 500 error pages
    • To communicate the result of a process

    Import

    import { Result } from "orizon";

    Examples

    Success

    Successfully Submitted

    Your request has been processed.

    <Result
  status="success"
  title="Successfully Submitted"
  subTitle="Your request has been processed."
  extra={<Button type="primary">Back Home</Button>}
/>

    Error

    Submission Failed

    Please check your input and try again.

    <Result
  status="error"
  title="Submission Failed"
  subTitle="Please check your input and try again."
/>

    Info & Warning

    Info

    Here is some information.

    Warning

    There are some issues.

    <Result status="info" title="Info" />
<Result status="warning" title="Warning" />

    HTTP Error Pages

    <Result status="404" title="404" subTitle="Page not found." />
<Result status="403" title="403" subTitle="Access denied." />
<Result status="500" title="500" subTitle="Server error." />

    API

    ResultProps

    • status — "success" | "error" | "info" | "warning" | "404" | "403" | "500" — Result type
    • title — ReactNode — Title text
    • subTitle — ReactNode — Subtitle text
    • icon — ReactNode — Custom icon (overrides status icon)
    • extra — ReactNode — Action area (buttons, links)