React Lightning Design System


Salesforce Lightning Design System components built with React.

See the demo.

Install

``
$ npm install react-lightning-design-system
`

Example

`javascript
import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from 'react-lightning-design-system';

function click() { alert('Clicked'); }

ReactDOM.render(



, document.body);
`

See more examples in examples directory.

Running example stories locally

This repo ships with a react storybook based story scripts.
To run stories and get component examples, follow these steps:

1. run `npm install`
2. run `npm run storybook`
3. Find the stories running on localhost:9001.

Snapshot testing in react storybook

This repo ships with story snapshots to examine differences in rendering as a result of changes to source code.

To identify render differences run `npm run test:storyshots`. If all changes are intentional run `npm run test:storyshots -- -u``. To learn about other run options including interactive mode, read
Snapshot Testing in React Storybook