popover build for vuejs framework.

kh-popover package links :

• npm
• yarn

this packages still in dev mode ( after all this is my first package x) )

npm installation :

npm i kh-popover

yarn installation :

yarn add kh-popover

import Popover from 'kh-popover';
require('kh-popover/dist/kh-popover.css');

export default {
	components:{
		'kh-popover':KhPopover
	}
}

• user : Object. of { id, name, photo, avatar, email }
• position : String. define popover position ['auto','top','bottom'] // defaukt : auto > adapted to be centred in screen
• trigger : String. accept two options ['hover','click'] // default : 'hover' > popover displayed on hover event
• name : Boolean. to display given user's name // default : false it will show avatar not user name
• icon : Boolean. to display avatar // defaukt : true

• avatar : where avatar located
• content : where popover core is located ( include both [ content_info, content_actions ])
• content_info : where popover header is located
• content_actions : where popover footer is located