Vue-toy-face NPM

vue-toy-face

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`