mirror of
https://github.com/Hopiu/vue-material.git
synced 2026-04-27 18:14:48 +00:00
1 line
8 KiB
JavaScript
1 line
8 KiB
JavaScript
|
webpackJsonp([34,37],{817:function(e,d,t){var a=t(1)(null,t(951),null,null,null);e.exports=a.exports},951:function(e,d){e.exports={render:function(){var e=this,d=e.$createElement,t=e._self._c||d;return t("page-content",{attrs:{"page-title":"Components - Onboarding"}},[t("docs-component",[t("div",{slot:"description"},[t("p",[e._v("The onboarding offers a first and fast look for your page, with custom controls, automatized steps and swipe effects. Can be also used as a custom carousel.")]),e._v(" "),t("p",[e._v("Can be themed used the following:")]),e._v(" "),t("ul",{staticClass:"md-body-4"},[t("li",[t("code",[e._v("md-primary")])]),e._v(" "),t("li",[t("code",[e._v("md-warn")])]),e._v(" "),t("li",[t("code",[e._v("md-accent")])]),e._v(" "),t("li",[t("code",[e._v("md-transparent")])])])]),e._v(" "),t("div",{slot:"api"},[t("api-table",{attrs:{name:"md-onboarding"}},[t("md-table",{slot:"properties"},[t("md-table-header",[t("md-table-row",[t("md-table-head",[e._v("Name")]),e._v(" "),t("md-table-head",[e._v("Type")]),e._v(" "),t("md-table-head",[e._v("Description")])],1)],1),e._v(" "),t("md-table-body",[t("md-table-row",[t("md-table-cell",[e._v("md-auto")]),e._v(" "),t("md-table-cell",[t("code",[e._v("Boolean")])]),e._v(" "),t("md-table-cell",[e._v("Enable auto-slider. Default "),t("code",[e._v("false")]),e._v(".")])],1),e._v(" "),t("md-table-row",[t("md-table-cell",[e._v("md-infinite")]),e._v(" "),t("md-table-cell",[t("code",[e._v("Boolean")])]),e._v(" "),t("md-table-cell",[e._v("Enable infinite loop. Default "),t("code",[e._v("false")]),e._v(".")])],1),e._v(" "),t("md-table-row",[t("md-table-cell",[e._v("md-duration")]),e._v(" "),t("md-table-cell",[t("code",[e._v("Number")])]),e._v(" "),t("md-table-cell",[e._v("Set duration for "),t("code",[e._v("md-auto")]),e._v(" in milliseconds. Default "),t("code",[e._v("5000")]),e._v(".")])],1),e._v(" "),t("md-table-row",[t("md-table-cell",[e._v("md-controls")]),e._v(" "),t("md-table-cell",[t("code",[e._v("Boolean")])]),e._v(" "),t("md-table-cell",[e._v("Enable prev/next controls. Default "),t("code",[e._v("false")]),e._v(".")])],1),e._v(" "),t("md-table-row",[t("md-table-cell",[e._v("md-swipeable")]),e._v(" "),t("md-table-cell",[t("code",[e._v("Boolean")])]),e._v(" "),t("md-table-cell",[e._v("Enable the swipe functionality. Default "),t("code",[e._v("false")]),e._v(".")])],1),e._v(" "),t("md-table-row",[t("md-table-cell",[e._v("md-swipe-distance")]),e._v(" "),t("md-table-cell",[t("code",[e._v("Number")])]),e._v(" "),t("md-table-cell",[e._v("Set the swipe distance needed to open/close the sidenav. Default "),t("code",[e._v("100")]),e._v(".")])],1)],1)],1)],1)],1),e._v(" "),t("div",{slot:"example"},[t("example-box",{attrs:{"card-title":"Basic, automatic, infinite, uncontrolled, swipeable"}},[t("div",{slot:"demo"},[t("md-boards",{attrs:{"md-auto":!0,"md-infinite":!0,"md-duration":5e3,"md-swipeable":!0}},[t("md-board",{attrs:{id:"slide1"}},[t("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.")])]),e._v(" "),t("md-board",{attrs:{id:"slide2"}},[t("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.")])]),e._v(" "),t("md-board",{attrs:{id:"slide3"}},[t("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.")])])],1)],1),e._v(" "),t("div",{slot:"code"},[t("code-block",{attrs:{lang:"xml"}},[e._v('\n <md-boards :md-auto="true" :md-infinite="true" :md-duration="5000" :md-swipeable="true">\n <md-board id="slide1">\n <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore
|