vue-toy-face
Demo
Installation
Vue 3
# npm
$ npm install vue-toy-face
# yarn
$ yarn add vue-toy-faceVue 2
# npm
$ npm install vue-toy-face@1.5.0
# yarn
$ yarn add vue-toy-face@1.5.0Usage
<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 |