docs: add WebhookPayloadSnippet component documentation (#2943)

Co-authored-by: fern-support <[email protected]>
Co-authored-by: Fern Support <[email protected]>

Author: devin-ai-integration[bot]

fern/products/docs/docs.yml

@@ -90,6 +90,10 @@ navigation:
           - page: Endpoint schema snippet
             path: ./pages/component-library/default-components/endpoint-schema-snippet.mdx
             icon: fa-duotone fa-sitemap
+          - page: Webhook payload snippet
+            path: ./pages/component-library/default-components/webhook-payload-snippet.mdx
+            icon: fa-duotone fa-webhook
+            slug: webhook-payload-snippet
           - page: Files
             path: ./pages/component-library/default-components/files.mdx
             icon: fa-duotone fa-folder-tree

fern/products/docs/pages/component-library/default-components/webhook-payload-snippet.mdx

@@ -0,0 +1,18 @@
+---
+title: Webhook payload snippet
+description: Reference a webhook payload from your API Reference to display example payloads in your documentation.
+---
+
+Use the `<WebhookPayloadSnippet>` component to reference a webhook payload from your API Reference.
+
+## Usage
+
+```jsx Markdown
+<WebhookPayloadSnippet webhook="on-order-created" />
+```
+
+## Properties
+
+<ParamField path="webhook" type="string" required={true}>
+  The operation ID of the webhook to display.
+</ParamField>