v-calendar-scheduler
Version:
Calendar scheduler component for VueJs
1 lines • 3.67 kB
JavaScript
(window.webpackJsonp=window.webpackJsonp||[]).push([[2],{212:function(t,s,e){"use strict";e.r(s);var a=e(1),n=Object(a.a)({},function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("div",{staticClass:"content"},[t._m(0),t._m(1),t._m(2),t._m(3),t._m(4),t._m(5),e("div",{staticClass:"tip custom-block"},[e("p",{staticClass:"custom-block-title"},[t._v("Customization")]),e("p",[t._v("If you want to use your own theme or variables check the "),e("router-link",{attrs:{to:"/guide/customization.html"}},[t._v("customization section")])],1)]),t._m(6),t._m(7)])},[function(){var t=this.$createElement,s=this._self._c||t;return s("h1",{attrs:{id:"getting-started"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#getting-started","aria-hidden":"true"}},[this._v("#")]),this._v(" Getting started")])},function(){var t=this.$createElement,s=this._self._c||t;return s("h2",{attrs:{id:"installation"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#installation","aria-hidden":"true"}},[this._v("#")]),this._v(" Installation")])},function(){var t=this.$createElement,s=this._self._c||t;return s("div",{staticClass:"warning custom-block"},[s("p",{staticClass:"custom-block-title"},[this._v("Vue version")]),s("p",[this._v("You need "),s("a",{attrs:{href:"https://vuejs.org/",target:"_blank",rel:"noopener noreferrer"}},[this._v("Vue.js ")]),s("strong",[this._v("version 2.5.2+")])])])},function(){var t=this.$createElement,s=this._self._c||t;return s("p",[this._v("Use "),s("strong",[this._v("NPM:")])])},function(){var t=this.$createElement,s=this._self._c||t;return s("pre",{pre:!0,attrs:{class:"language-bash"}},[s("code",[s("span",{attrs:{class:"token function"}},[this._v("npm")]),this._v(" i v-calendar-scheduler\n")])])},function(){var t=this.$createElement,s=this._self._c||t;return s("h2",{attrs:{id:"usage"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#usage","aria-hidden":"true"}},[this._v("#")]),this._v(" Usage")])},function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{attrs:{class:"token comment"}},[t._v("// Import Vue")]),t._v("\n"),e("span",{attrs:{class:"token keyword"}},[t._v("import")]),t._v(" Vue "),e("span",{attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),e("span",{attrs:{class:"token string"}},[t._v("'vue'")]),e("span",{attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),e("span",{attrs:{class:"token comment"}},[t._v("// Import VueScheduler")]),t._v("\n"),e("span",{attrs:{class:"token keyword"}},[t._v("import")]),t._v(" VueScheduler "),e("span",{attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),e("span",{attrs:{class:"token string"}},[t._v("'v-calendar-scheduler'")]),e("span",{attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),e("span",{attrs:{class:"token comment"}},[t._v("// Import styles")]),t._v("\n"),e("span",{attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),e("span",{attrs:{class:"token string"}},[t._v("'v-calendar-scheduler/lib/main.css'")]),e("span",{attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\nVue"),e("span",{attrs:{class:"token punctuation"}},[t._v(".")]),e("span",{attrs:{class:"token function"}},[t._v("use")]),e("span",{attrs:{class:"token punctuation"}},[t._v("(")]),t._v("VueScheduler"),e("span",{attrs:{class:"token punctuation"}},[t._v(")")]),e("span",{attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])},function(){var t=this.$createElement,s=this._self._c||t;return s("p",[this._v("That's it for the basic usage, you are now able to use the "),s("code",[this._v("<vue-scheduler/>")]),this._v(" component.")])}],!1,null,null,null);s.default=n.exports}}]);