Render Component
render_componentRender a Storybook story in an inline preview panel to see updated component changes instantly. Provide the story ID to display the current result.
Instructions
Renders a Storybook story in an inline preview panel. Use after editing a component file to show the updated result. The storyId follows Storybook convention: title segments joined by dashes, double-dash before story name (e.g. "example-button--primary" for title "Example/Button", export "Primary").
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| theme | No | Preview color scheme. Defaults to the user's OS preference when omitted. | |
| storyId | Yes | Storybook story ID, e.g. "example-button--primary". Derived from the story title and export name: title segments lowercased and joined by dashes, double-dash before the story export name lowercased. |
Output Schema
| Name | Required | Description | Default |
|---|---|---|---|
| url | Yes | ||
| story | No | ||
| theme | No | ||
| storyId | Yes |