Webhook Tester

Overview

WebhookTester provides a "Send Test Event" button that triggers an async test against a webhook endpoint. While the request is in flight it shows a loading spinner, and once resolved it displays a success or failure banner with the HTTP status code. Supports a disabled state.

Usage

import { WebhookTester } from "@leanicon/web-builder-library/saas";

<WebhookTester
  webhookId="wh_01HXYZ789"
  onTest={(id) =>
    fetch(`/api/webhooks/${id}/test`).then((r) => ({
      success: r.ok,
      statusCode: r.status,
    }))
  }
/>;

Variants

Default

Dark

Failing Endpoint

Disabled