# Humaaans-Native

Humaaans.com for React-Native

![Humaaans Native Demo](https://github.com/jzarca01/humaaans-native/blob/master/humaaans-native.gif)

## Install

`npm install --save humaaans-native`

## Usage

```javascript
import { Sitting1, Standing2 } from 'humaaans-native';

const StandingExample = () => (
  <Standing2
    height={200}
    hairColor="#000000"
    skinColor="#FDA7DC"
    shoeColor="#0000EE"
    pantColor="#FF44EA"
    shirtColor="#FFAB11"
    coatColor="#FF0E11"
    hatColor="#FFFFEE"
  />
);

const SittingExample = () => (
  <Sitting1
    height={200}
    hairColor="#000000"
    skinColor="#FDA7DC"
    shoeColor="#0000EE"
    pantColor="#FF44EA"
    shirtColor="#FFAB11"
    coatColor="#FF0E11"
    objectColor="#FFA011"
    hatColor="#FFFFEE"
    wheelchairColor="#FFBBEE"
  />
);
```

## Components

All the components are SVG illustrations.

Available components (visible here : https://www.dropbox.com/sh/grfucsjeaxe811s/AACNqTXfYZBrhRLcq29v_gpla/Flat%20Assets/Humaaans?dl=0&subfolder_nav_tracking=1) :

- [x] Sitting1
- [x] Sitting2
- [x] Sitting3
- [x] Sitting4
- [x] Sitting5
- [x] Sitting6
- [x] Sitting7
- [x] Sitting8

- [x] Standing1
- [x] Standing2
- [x] Standing3
- [x] Standing4
- [x] Standing5
- [x] Standing6
- [x] Standing7
- [x] Standing8
- [x] Standing9
- [x] Standing10
- [x] Standing11
- [x] Standing12
- [x] Standing13
- [x] Standing14
- [x] Standing15
- [x] Standing16
- [x] Standing17
- [x] Standing18
- [x] Standing19
- [x] Standing20
- [x] Standing21
- [x] Standing22
- [x] Standing23
- [x] Standing24

- [x] More Humaaans components coming soon...

## Example

See https://github.com/jzarca01/react-native-humaaans-example for an example

Don't forget to

```shell
react-native link react-native-svg
```

## Credits

All graphic illustrations are made by [Pablo Stanley](https://twitter.com/pablostanley)