# Delta Design System - WEB

|Description|  |
|-----------|--|
|           |  |

Delta Design System - React component library.

|Install|  |
|-------|--|
|       |  |
Just run:

    npm add 'https://bitbucket.org/albdigitaltransformation/designsystem.web/'
    
|Usage|  |
|-----|--|
|     |  |
Just type:

    import * as DDS from 'delta-design-system-web';

then:

    <DDS.Button>my action</DDS.Button>

or:

    import { Button } from 'delta-design-system-web';
    
then:

    <Button>my action</Button>


|Deploy|  |
|------|--|
|      |  |

Change the version on package.json and run: ` npm publish `
Afterwards, update the package version on the client repository.



|Styled-components|  |
|-----------------|--|
|                 |  |
Delta Design System uses styled-components as style library, so, to avoid multiple instances of styled-component running together, we recommend to import styled-components instance from Delta Design System, like this:

Wrong way:

    import styled from 'styled-components';
    import { Button } from 'delta-design-system-web';

Right way:

    import styled, { Button } from 'delta-design-system-web';