Kh-Popover

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 :

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 |

Next

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