react-slds v0.1.2

Installation

Lightning Design System is available as an npm package.

$ yarn add react-slds

or

$ npm install react-slds --save

Usage

Here is a quick example to get you started, it's all you need:

import React from 'react';
import ReactDOM from 'react-dom';
import Button from 'react-slds/components/button';

function App() {
    return (
        <Button 
            label="Hello World!" 
            variant="brand" 
            onClick={() => alert('Hello World!')} 
        />
    );    
}

ReactDOM.render(
    <App />,
    document.getElementById('container')
);

Yes, it's really all you need to get started as you can see in this live and interactive demo:

Running locally

1. git clone https://github.com/reiniergs/react-lightning-components.git
2. cd react-lightning-components
3. npm install
4. npm start
5. navigate to http://localhost:6060/