Skip to content

imanmalekian31/vue-toy-face

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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 [email protected]
# yarn
$ yarn add [email protected]

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