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