Vue Toy Face: The package for awesome avatars

vue-toy-face

Demo

Demo

Installation

# npm
$ npm install vue-toy-face
# yarn
$ yarn add vue-toy-face

Usage

<template>
  <VueToyFace size="140" rounded="28" toy-number="3" />
</template>

<script>
  import VueToyFace from "vue-toy-face";

  export default {
    components: { VueToyFace },
  };
</script>

Constructor Options

Key Type Description Default
size String, Number Width and height of avatar (per pixel) 48
rounded String, Number Border radius of avatar (per pixel) 0
toyNumber String, Number The Number of each avatar (between 1 to 18) 1

License

The MIT License

GitHub

View Github