Set a custom title to a named-export Story

Question

How do you give a title value to an individual story in storybook?

Seems like it should be storyname.title = 'value' but that doesn't work.

For example:

export default {
  title: "Root Component Title",
  component: SomeComponent,
};

export const SomeComponentVariant = () => <SetUpTwoFAContainer />;
// This title does not work
SomeComponentVariant.title = "Set Up Parent Container";

Answer 1

You can override the story name using SomeComponentVariant.storyName = '...' to match the component name.

StorybookJS Docs source