Tyger-avatar NPM

tyger-avatar

An illustrated avatar react library

Tyger-avatar offers a unique collection of avatar illustrations for React. These avatars are SVG-based and provide a wide range of customization options.

Tyger-Avatar Storybook

Installation

npm i tyger-avatar

Usage

import { TygerAvatar } from 'tyger-avatar';

<TygerAvatar name="TrIggy" size="md" />;

import { TygerAvatar } from 'tyger-avatar';
import 'tyger-avatar/lib/bundle/styles.css';

<TygerAvatar name="TrIggy" size="2xl" rounded />;

Options

Prop	Type
name	`TrChelsea`, `TrEric`, `TrSamantha`, `TrTorsten`, `TrIggy`, `TrFranklin`, `TrImran`, `TrMaria`, `TrRachel`, `TrShamila`, `TrAlex`, `TrFelix`, `TrEnrique`, `TrSophia`, `TrHarry`, `TrHelen`, `TrStu`, `TrNancy`, `TrChad`
size	`2xs`, `xs`, `sm`, `md`, `lg`, `xl`, `2xl`, `3xl`
title	string
id	string
rounded	boolean