Grimm-user-pic

This is my first release, if anyone ever sees this, please be kind

This is a vue component which handles an avatar selection with the use of vue-carousel by SSENSE. Inside the assets folder there are 6 .svg's, that are imported and build into the module, if you want to change the images you have to rebuild the module.

Grimm-user-pic also has a button to upload a custom image.

To install run

npm install grimm-user-pic --save

To import it inside a component use

import userpic from "grimm-user-pic";

Then you can simply use as such

<userpic />

IMPORTANT

I am still working on this, at this point to work properly the service used to upload the file must respond with the full url where the file is stored

Props

These are the props that are active at this point

• :url : (string) This is the url where to upload the file, default is a empty string
• :round : (boolean) Border radius of the image, if it's true the image is rounded, default is true
• :background : (string) The color of the background, default is TRANSPARENT
• :flat : (string) The style of the button, default is FALSE
• :buttonColor : (string) The background-color of the button, default is "grey", you can use also gradient
• :textColor : (string) The color of the button label, default is white
• :navigationNextLabel : (string) NextArrow default is '▶'
• :navigationPrevLabel : (string) PrevArrow default is '◀'

Events

Every time the value of the photo is changed the component emits an event called "input" with the url of the selected picture as payload