` component lets users make real HTTP requests to your APIs directly from your documentation. It auto-detects the endpoint definition from your API specification, renders a request builder for headers, path parameters, query parameters, and request bodies, and displays the response status, headers, body, and timing inline. Form inputs persist in local storage across page reloads.
## Usage
- 
+
```jsx Markdown
-
+
```
-## Features
+## Variants
-The component supports:
-- **Multiple examples** – When your endpoint has multiple pre-configured examples, the component displays a dropdown selector in the header so users can switch between different examples
-- **Multiple environments** – If your API defines multiple environments (production, staging, development), the component automatically displays an environment selector so users can test against different base URLs
-- **API Reference integration** – Each `` includes a button that links users to the full API Reference documentation for the endpoint
-- **Real-time response preview** – Users can view response status, headers, body, and response time immediately after sending requests
-- **Form persistence** – Form inputs are automatically persisted in the browser's local storage, so users' test data is preserved even when navigating between pages or refreshing the browser
+### Collapse by default
+
+Use `collapsed` to render the component with the form section hidden. Users can expand it by clicking the component.
+
+
+
+
+
+```jsx Markdown
+
+```
## Properties
diff --git a/fern/products/docs/pages/component-library/default-components/webhook-payload-snippet.mdx b/fern/products/docs/pages/component-library/default-components/webhook-payload-snippet.mdx
index ad8f9004c..a197f2546 100644
--- a/fern/products/docs/pages/component-library/default-components/webhook-payload-snippet.mdx
+++ b/fern/products/docs/pages/component-library/default-components/webhook-payload-snippet.mdx
@@ -4,16 +4,26 @@ description: Reference a webhook payload from your API Reference to display exam
---
-Use the `` component to reference a webhook payload from your API Reference.
+The `` component displays a webhook's request payload schema from your API Reference. It renders the same fields, types, and example values that appear on the webhook's full API Reference page, so readers can inspect the payload inline alongside your prose.
+
+To display the schema for a regular HTTP endpoint, use the [``](/learn/docs/writing-content/components/endpoint-schema-snippet) component.
## Usage
+Reference a webhook by its `operationId`.
+
+
+
```jsx Markdown
-
+
```
## Properties
- The operation ID of the webhook to display.
+ The `operationId` of the webhook to display. If your API uses [namespaces](/learn/api-definitions/overview/project-structure#combined-sdks-from-multiple-apis), prefix with the namespace and `::` (e.g., `payments::on-payment-succeeded`).
diff --git a/fern/products/docs/pages/getting-started/quickstart.mdx b/fern/products/docs/pages/getting-started/quickstart.mdx
index e561f6669..d01d29dc6 100644
--- a/fern/products/docs/pages/getting-started/quickstart.mdx
+++ b/fern/products/docs/pages/getting-started/quickstart.mdx
@@ -147,7 +147,7 @@ This guide covers the CLI path. A browser-based guided setup also exists at http
- Now that you have a basic docs site, you can customize it by adding tutorials, generating an API Reference, or finetuning the branding. (Or skip ahead to [preview](#preview-your-docs) and [publish](#publish-to-production).)
+ Now that you have a basic docs site, you can customize it by adding tutorials, generating an API Reference, or fine-tuning the branding. (Or skip ahead to [preview](#preview-your-docs) and [publish](#publish-to-production).)
diff --git a/fern/products/docs/pages/preview-publish/preview-changes-locally.mdx b/fern/products/docs/pages/preview-publish/preview-changes-locally.mdx
index 666289bf5..cb6d58255 100644
--- a/fern/products/docs/pages/preview-publish/preview-changes-locally.mdx
+++ b/fern/products/docs/pages/preview-publish/preview-changes-locally.mdx
@@ -13,6 +13,7 @@ Fern offers two ways to preview documentation changes:
Install the following:
- Node.js version 22 or higher
- [The Fern CLI](/learn/cli-api-reference/cli-reference/overview#install-fern-cli)
+- [pnpm](https://pnpm.io/installation), available on your `PATH`. `fern docs dev` uses pnpm internally to install the dependencies it needs to render your preview (for example, `esbuild`), so it must be installed globally even if your project uses npm or yarn.