Kh-popover NPM

Kh-Popover

license

Description

Popover build for vuejs framework. This packages still in dev mode. This package help you create Popover/Tooltip with a pre-squelette and give you the possibility to set yours and dynamic positions.

Getting Started

You can view this package on both npm and yarn

kh-popover Package links :

npm
yarn

Installing

npm i kh-popover

if you use yarn :

yarn add kh-popover

Usage

<template>
	<kh-popover />
</template>

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

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

display : alt text

Attributes

attribute	Type	description	default value	options
:user	Object	this object hold user data	{}	{ id, name, photo, avatar, email }
:position	String	define popover position	'auto'	'auto','top','bottom'
:trigger	String	accept two options	'hover'	'hover','click'
:name	Boolean	to display given user's name	false	--
:icon	Boolean	to display avatar	true	--

Slots

Slot name	Description
avatar	For `Popover avatar` located
content	For `Popover core` ( includes both content_info, content_actions* )*
content_info	For `Popover header`
content_actions	For `Popover footer`

Demo : We will publish a demo asap
Testing : We will add Unit Test