# npm
$ npm install vue-toy-face
# yarn
$ yarn add vue-toy-face# npm
$ npm install [email protected]
# yarn
$ yarn add [email protected]<template>
<VueToyFace size="140" rounded="28" toy-number="3" />
</template>
<script>
import VueToyFace from "vue-toy-face";
export default {
components: { VueToyFace },
};
</script>| 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 |