Storybook Component Stories

Which Components Can Have Stories?

Only create stories for components that do not do any of the following:

• Depend on context.
• Fetch data via any private API, including Langfuse’s own tRPC API.

Stories should follow the ComponentName.stories.tsx filename pattern. Components covered by stories should have exactly one exported or public component.

If this is not the case, suggest splitting up the file that includes the component to be covered first.

Be mindful of the breadth a story covers. A story should show a component in isolation. Page-level compositions should be rare and intentional.

What to Do If a Component Violates the Criteria

Suggest abstracting a presentational component that does not violate the criteria and receives relevant data via props.