Coral is the design system used to build accessible, consistent, customizable and high quality customer experiences at Talend.
Clone the repository
$> git clone git@github.com:Talend/ui.git
Install the dependencies
$> yarn
Start Storybook and start editing
$> yarn start
Check our exhaustive contribution guidelines here.
Please get to know our Architecture Decision Records:
Please use named exports and link them at the root index to be embedded into the UMD.
Style should be designed for mobile and adapted for tablet and desktop.
Use CSS modules (ComponentName.module.scss
) and BEM in your style files.
Variations should extend of the basic components in separated files. Limit changes to styled-components scope.
Visual non-regression testing will be covered by Chromatic. Use Cypress if you have to perform interaction tests, in real browsers.
To launch non the tests you first need to have cypress installed on your environment. Then you can just execute the corresponding npm scripts:
yarn workspace @talend/design-system run test:cy