vuejs-title

Title bubble directive for Vue.js

What?

It is a title bubble directive for Vue.js that you can easily use in your projects.
The most important features are stylish, simple, lightweight, convertible.

Install

npm install vuejs-title --save

Usage

// ES6
import vTitle from 'vuejs-title'
Vue.use(vTitle)

// ES5
var vTitle = require('vuejs-title')
Vue.use(vTitle)

Example

[1] <div title="Somethings..." v-title></div>

[2] <div v-title="'Somethings...'"></div>

[3] <div v-title="data"></div>

[4] <div :title="data" v-title></div>

Configurations

You can convert as you like with the settings. To do this, we will make a change in the "Usage" section for the "vuejs-title" you added to your project.

Example Usage

// ES6
import vTitle from 'vuejs-title'
Vue.use(vTitle, {
    cssClass: "my-title-bubble",
    fontSize: "20px"
})

// ES5
var vTitle = require('vuejs-title')
Vue.use(vTitle, {
    cssClass: "my-title-bubble",
    fontSize: "20px"
})

You can change the configurations in the following table according to the figure above:

GitHub

https://github.com/fattihkoca/vuejs-title