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:

• Using CSS modules to style our components.
• Use [data-test] attributes for generic automated tests.

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.

Apache 2.0