Talend Design System
Coral is the design system used to build accessible, consistent, customizable and high quality customer experiences at Talend.
Getting Started
Clone the repository
$> git clone git@github.com:Talend/design-system.gitInstall the dependencies
$> yarnStart Storybook and start editing
$> yarn startContributions
Named exports
Please use named exports and link them at the root index to be embedded into the UMD.
Mobile-first
Style should be designed for mobile and adapted for tablet and desktop.
Style as separated files
Use styled-components format.
Variations
Variations should extend of the basic components in separated files. Limit changes to styled-components scope.
End-to-End tests
Prior to end-to-end tests if you want to test interactions in real browsers.