humaaans-native v1.0.0

Humaaans-Native

Humaaans.com for React-Native

Install

npm install --save humaaans-native

Usage

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) :

• Sitting1
• Sitting2
• Sitting3
• Sitting4
• Sitting5
• Sitting6
• Sitting7

• Sitting8

• Standing1

• Standing2
• Standing3
• Standing4
• Standing5
• Standing6
• Standing7
• Standing8
• Standing9
• Standing10
• Standing11
• Standing12
• Standing13
• Standing14
• Standing15
• Standing16
• Standing17
• Standing18
• Standing19
• Standing20
• Standing21
• Standing22
• Standing23

• Standing24

• More Humaaans components coming soon...

Example

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

Don't forget to

react-native link react-native-svg

Credits

All graphic illustrations are made by Pablo Stanley