# element-tabs

Version License

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 -D

# Usage

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

# Documents

Accepted Value Like That xyini solar aktie

:::: 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;}