component-stories

Define a Base story with args and a render function so Controls appear in docs, and set docs.source.type to dynamic in the meta parameters. Use satisfies Meta<typeof Component> and StoryObj<typeof Component> for typing.

Use Base for the default story, {Property}Showcase for property variations, With{Feature} for feature stories, and ResponsivenessShowcase for truncation behavior. All names use PascalCase and avoid generic names like Default or Demo.

Use type dynamic when the story exposes args and Controls so the code snippet updates with control changes. Use type code only for static showcase stories with a hand-written source.code block.

Add manual argTypes only for overrides that react-docgen-typescript cannot infer, such as actions, select mappings, or hidden props. Do not duplicate argTypes for plain unions, booleans, or strings already described in types.ts.

Using satisfies Meta<typeof Component> preserves the inferred type of the meta object while still checking it against Meta. Typing StoryObj with typeof meta instead of typeof Component would make args required on every story.