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, in the Backlight interface, has a different display to previous folders due to its usability for designers. In there you will find an input to place the link to the design files, which in turn will provide a preview. The pasted link will be presented directly inside an embedded preview. Make sure the link obtained from the design plarform has the necessary public sharing options.

Supported design embeds:

If you prefer working with the CLI and creating files in your IDE, you can paste the design link into a *.link file inside the design folder. Choose the name for the file that suits your needs, e.g: figma.link for a Figma link.

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.