Beautiful Avatar Component For Vue - Toy Face

Install & Download:

# Yarn
$ yarn add vue-toy-face
# NPM
$ npm i vue-toy-face

Toy Face is a Vue component that adds beautiful cartoon avatars to your app.

1. Import the Toy Face.

import VueToyFace from "vue-toy-face";
export default {
  components: { VueToyFace },
  // ...
};

2. Add the VueToyFace component to the app and specify which avatar you want to use (1-18).

<VueToyFace
  :group='1'
  :toy-number='18'
></VueToyFace>
<VueToyFace
  :group='2'
  :toy-number='6'
></VueToyFace>

3. Customize the avatar.

<VueToyFace
  :group='1'
  :toy-number='18'
  :size='150'
  :rounded='42'
></VueToyFace>