WebhookConfig

Radix

A SaaS composite for configuring webhooks. Renders a Card with webhook rows showing URL, event count, active toggle, and delivery status. Includes WebhookCreateDialog for adding endpoints with event checkboxes and WebhookDeliveryLog for viewing delivery history.

SaaSwebhookeventsapiintegrationsaas

Basic

import { WebhookConfig } from '@primstack/ui/webhook-config'

<WebhookConfig
  webhooks={[{ id: '1', url: 'https://api.co/webhook', events: ['user.created'], active: true, createdAt: '2024-01-01' }]}
  availableEvents={['user.created', 'user.updated', 'invoice.paid']}
/>

With events

import { WebhookConfig } from '@primstack/ui/webhook-config'

<WebhookConfig
  webhooks={webhooks}
  availableEvents={['user.created', 'payment.completed']}
  onCreate={createWebhook}
/>

Related Components