Folders

src/

The src folder contains the source code of the component.

It can also contains stories .

stories/

The stories folder is dedicated to stories .

Other files related to stories can also be here.

test/

The Tests folder contains the unit tests for the component.

doc/

The doc folder contains the documentation pages of the component.

Supported files:

design/

The design folder contains references to designer materials.

Supported files:

  • *.txt : Simple text notes
  • *.md : Markdown notes
  • *.html : HTML content
  • *.link : Text file with a URL. A preview of the link will be embedded.

Special link previews:

  • Any web page
  • Figma page

Root

Every component in a design system is on his separated folder. This folder is the root of the component. This is a good place to have an index.js that export everything you want from /src modules.