src folder contains the source code of the component.
It can also contains stories.
stories folder is dedicated to stories.
Other files related to stories can also be here.
Tests folder contains the unit tests for the component.
doc folder contains the documentation pages of the component.
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.
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