Package Exports

@talend/design-system
@talend/design-system/lib/components/Button
@talend/design-system/lib/components/Button/index.js
@talend/design-system/lib/components/Dropdown
@talend/design-system/lib/components/Dropdown/index.js
@talend/design-system/lib/components/Form
@talend/design-system/lib/components/Form/Primitives
@talend/design-system/lib/components/Form/Primitives/index.js
@talend/design-system/lib/components/Form/index.js
@talend/design-system/lib/components/Icon
@talend/design-system/lib/components/Icon/index.js
@talend/design-system/lib/components/InlineMessage
@talend/design-system/lib/components/InlineMessage/index.js
@talend/design-system/lib/components/Link
@talend/design-system/lib/components/Link/index.js
@talend/design-system/lib/components/Switch
@talend/design-system/lib/components/Switch/index.js
@talend/design-system/lib/components/ThemeProvider
@talend/design-system/lib/components/ThemeProvider/index.js
@talend/design-system/lib/components/Tooltip
@talend/design-system/lib/components/Tooltip/index.js
@talend/design-system/lib/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@talend/design-system) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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/ui.git

Install the dependencies

$> yarn

Start Storybook and start editing

$> yarn start

Contributions

Check our exhaustive contribution guidelines here.

Please get to know our Architecture Decision Records:

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 CSS modules (ComponentName.module.scss) and BEM in your style files.

Variations

Variations should extend of the basic components in separated files. Limit changes to styled-components scope.

End-to-End tests

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

License

Apache 2.0