# vuepress-plugin-element-tabs-less

Vuepress plugin - markdown custom container to display content in tabs from Element UI

This Docs is warning show o(>_<)o , but don't warry! this package is well!!!!

# Preview

# Demo 1

# Demo 2

# Install

Note

This plugin requires VuePress >= 1.0.0

yarn add vuepress-plugin-element-tabs-less -D

# Usage

// .vuepress/config.js
module.exports = {
  plugins: [
    'vuepress-plugin-element-tabs-less'
  ]
}

# Documents

Accepted Value Like That

:::: tabs type:board-card
::: tab title lazy
__markdown content__
:::
::::

# Tabs Attributes

Attribute	Description	Type	Accepted Values	Default
type	type of Tab	String	card/border-card	border-card
tab-position	position of tabs	String	top/right/bottom/left	top
stretch	whether width of tab automatically fits its container	Boolean	-	false

# Tab Attributes

Attribute	Description	Type	Accepted Values	Default
label	title of the tab	String	-	-
lazy	whether Tab is lazily rendered	Boolean	-	false

# Q&A

How to get mouse position with canvas ?


var canvas = document.getElementById('screen');
var mouse = getMouse(canvas);

function addEvent(obj, type, handle) {
  try {
    obj.addEventListener(type, handle, false);
  } catch (e) {
    try {
      obj.attachEvent("on" + type, handle);
    } catch (e) {
      obj["on" + type] = handle;
    }
  }
}

function getMouse(element) {
  var mouse = { x: 0, y: 0 };

  addEvent(element, "mousemove", function(e) {
    var x, y;
    var e = e || window.event;
    const box = element.getBoundingClientRect();
    x = e.clientX - box.x;
    y = e.clientY - box.y;
    mouse.x = x;
    mouse.y = y;
  });

  return mouse;
}