Skip to main content

Story Source

You can preview the source code of the active story and its origin.

You can customize the header of the source addon through .ladle/components.tsx:

.ladle/components.tsx
import type { SourceHeader } from "@ladle/react";
export const StorySourceHeader: SourceHeader = ({ path }) => {
  return (
    <b>
      Github link? <code className="ladle-code">{path}</code>
    </b>
  );
};

This might be useful if you want provide a hyperlink.