Dynically generated robot avatars for your website
run yarn add robotavars or npm install --save robotavars
import { Robotavar } from 'robotavars'
<Robotavar mouth="smile" head="default" antenna="snoo" clothes="Hoodie" fabricColor="Blue02" size={300} />
or
<Robotavar mouth="softSmile" head="longNeck" antenna="bender" clothes="GraphicShirt" fabricColor="White" graphic="Pizza" size={150} />
To get a list of all head types, import { headTypes } from 'robotavars', which returns an array of strings of all head types.
To get a list of all antenna types, import { antennaTypes } from 'robotavars', which returns an array of strings of all antenna types.
To get a list of all mouth types, import { mouthTypes } from 'robotavars', which returns an array of strings of all mouth types.
Types: ['default', 'longNeck', 'sharp', 'round', 'knight']
Types: ['default', 'snoo', 'shrek', 'bender', 'rabbitEars', 'satellite', 'calculon']
Types: ['default', 'softSmile', 'smile', 'concerned']
Provide the desired size of the svg in pixels as a prop. Ex: <Robotavar size={175} ... />
All clothing options come from the amazing Avataaars project. Note that values for the following props values must be capitalized, as that is how Avataaars requires them.
To specify the clothing type the robot will wear, pass the 'clothes' prop
Clothing color can be configured with the 'fabricColor' prop
Graphic tee graphics are specified with the 'graphics' prop