# tsdev-button

## v1.0.x

## Installation
```
npm install --save tsdev-button
```

## CSS
```
add index.css from dist folder to your project

import './../node_modules/tsdev-button/dist/index.css';
```

## Import & Usage
```
import {
    ContainedButton,
    ContainedIconButton,
    OutlinedButton,
    OutlinedIconButton,
} from 'tsdev-button';

...

<ContainedButton />
```
## Storybook
http://www.schlender-entwicklung.com/storybook/tsdev-button

## Important

You can include all components as a base component in your implementation. No properties are required as needed. So you can get a better overview, without provoking mistakes immediately.

## Summary
| Component | introduced | updated |
|------|------|---------|
|  ContainedButton  | v1.0.0 | v1.0.0 |
|  ContainedIconButton  | v1.0.0 | v1.0.0 |
|  OutlinedButton  | v1.0.0 | v1.0.0 |
|  OutlinedIconButton  | v1.0.0 | v1.0.0 |

## Button Types
![#F07F3C](https://placehold.it/15/F07F3C/000000?text=+) `#F07F3C -> primary`  
![#32477A](https://placehold.it/15/32477A/000000?text=+) `#32477A -> secondary`  
![#569892](https://placehold.it/15/569892/000000?text=+) `#569892 -> info`  
![#FFFFFF](https://placehold.it/15/FFFFFF/000000?text=+) `#FFFFFF -> light`  
![#E0E0E0](https://placehold.it/15/E0E0E0/000000?text=+) `#E0E0E0 -> default`  
![#DD121C](https://placehold.it/15/DD121C/000000?text=+) `#DD121C -> danger`  
