text: (window["webpackJsonpWaveUI"]=window["webpackJsonpWaveUI"]||[]).push([["divider-examples-vue"],{"70a2":function(t,i,e){"use strict";e.r(i);var a=function(){var t=this,i=t.$createElement,e=t._self._c||i;return e("div",[e("title-link",{attrs:{h2:""}},[t._v("Horizontal")]),t._m(0),e("w-divider",{staticClass:"ma10"}),t._m(1),e("w-card",[e("p",[t._v("Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur, vitae et eos\nel neque quas consequuntur nisi soluta, voluptate cumque placeat rerum? Quisquam\nemporibus mollitia quia soluta adipisci totam quibusdam? Perferendis officia quae\nolestias assumenda est obcaecati quaerat ullam corporis voluptatibus ratione, eum\nrovident iste possimus explicabo saepe laborum. Beatae perspiciatis at enim eaque?\n")]),e("w-divider",{staticClass:"my6 mx-3"}),e("ssh-pre",{staticClass:"mb4",attrs:{language:"html-vue"}},[t._v('<w-divider class="my6 mx-3"></w-divider>')]),e("p",[t._v("Et possimus corporis ducimus rem tenetur. Deleniti, culpa magni repellendus adipisci\nimpedit cum eum explicabo alias natus modi asperiores ratione dignissimos qui eligendi?\nQuia rem ut ab nesciunt dignissimos natus. Eum corporis officiis natus velit illum.\n")]),e("w-divider",{staticClass:"ma6",attrs:{color:"amber"}}),e("ssh-pre",{staticClass:"mb4",attrs:{language:"html-vue"}},[t._v('<w-divider color="amber" class="ma6"></w-divider>')]),e("p",[t._v("Quisquam soluta distinctio qui vel alias molestiae, doloremque totam eius sequi delectus\noptio quam magnam, eaque, voluptatum maxime excepturi perspiciatis saepe provident dicta\nsapiente similique quibusdam. Mollitia, vel quam. Laudantium!\n")])],1),e("title-link",{attrs:{h2:""}},[t._v("Vertical")]),t._m(2),e("example",{scopedSlots:t._u([{key:"pug",fn:function(){return[t._v('w-toolbar.py0(bg-color="grey-light5")\n  .title2.my2 Toolbar\n  .spacer\n  span.mx1 Item 1\n  span.mx1 Item 2\n  w-divider.mx1(vertical)\n  span.mx1 Item 3\n  span.mx1 Item 4\n  w-divider.mx1(vertical)\n  span.mx1 Item 5\n  span.mx1 Item 6\n')]},proxy:!0}])},[e("w-toolbar",{staticClass:"py0",attrs:{"bg-color":"grey-light5"}},[e("div",{staticClass:"title2 my2"},[t._v("Toolbar")]),e("div",{staticClass:"spacer"}),e("span",{staticClass:"mx1"},[t._v("Item 1")]),e("span",{staticClass:"mx1"},[t._v("Item 2")]),e("w-divider",{staticClass:"mx1",attrs:{vertical:""}}),e("span",{staticClass:"mx1"},[t._v("Item 3")]),e("span",{staticClass:"mx1"},[t._v("Item 4")]),e("w-divider",{staticClass:"mx1",attrs:{vertical:""}}),e("span",{staticClass:"mx1"},[t._v("Item 5")]),e("span",{staticClass:"mx1"},[t._v("Item 6")])],1)],1),e("title-link",{attrs:{h2:""}},[t._v("Color")]),e("example",{scopedSlots:t._u([{key:"pug",fn:function(){return[t._v('w-divider.ma6(color="green")\n')]},proxy:!0}])},[e("w-divider",{staticClass:"ma6",attrs:{color:"green"}})],1),e("title-link",{attrs:{h2:""}},[t._v("With content")]),e("p",[t._v("A default slot is available to provide some content to display in the middle of the divider.\nThis is often use with a OR keyword to offer an alternative.")]),e("example",{scopedSlots:t._u([{key:"pug",fn:function(){return[t._v('.w-flex.align-center.justify-center\n  w-button.my6 Log in\n  w-divider.mx6(vertical color="pink") OR\n  w-button.my6 Sign in')]},proxy:!0}])},[e("div",{staticClass:"w-flex align-center justify-center"},[e("w-button",{staticClass:"my6"},[t._v("Log in")]),e("w-divider",{staticClass:"mx6",attrs:{vertical:"",color:"pink"}},[t._v("OR")]),e("w-button",{staticClass:"my6"},[t._v("Sign in")])],1)]),e("example",{scopedSlots:t._u([{key:"pug",fn:function(){return[t._v('w-card.md6.maa.text-center\n  w-button.my12 Log in\n  w-divider.mx6(color="pink") OR\n  w-button.my12 Sign in')]},proxy:!0}])},[e("w-card",{staticClass:"md6 maa text-center"},[e("w-button",{staticClass:"my12"},[t._v("Log in")]),e("w-divider",{staticClass:"mx6",attrs:{color:"pink"}},[t._v("OR")]),e("w-button",{staticClass:"my12"},[t._v("Sign in")])],1)],1)],1)},s=[function(){var t=this,i=t.$createElement,e=t._self._c||i;return e("p",[t._v("This horizontal line bellow is a divider."),e("br"),t._v("\nYou can set margins on a divider space out or reduce the width/height of the divider.")])},function(){var t=this,i=t.$createElement,e=t._self._c||i;return e("h3",[t._v("Divider in a "),e("code",[t._v("w-card")])])},function(){var t=this,i=t.$createElement,e=t._self._c||i;return e("h3",[t._v("Divider in a "),e("code",[t._v("w-toolbar")])])}],n=e("2877"),r={},l=Object(n["a"])(r,a,s,!1,null,null,null);i["default"]=l.exports}}]);
  //# sourceMappingURL=divider-examples-vue.65f5fbd8.js.map