vue-toy-face

Demo

Demo

Installation

Vue 3

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

Vue 2

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

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
group	String, Number	Avatars are defined in each group ( 1 or 2)	1

License

The MIT License