(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-859478d0"],{"134b":function(t,s,a){t.exports=a.p+"img/img-4.b2f77390.jpg"},"19b7":function(t,s,a){t.exports=a.p+"img/img-1.c15e3c07.jpg"},2579:function(t,s,a){"use strict";var e=function(){var t=this,s=t._self._c;return s("div",{staticClass:"row"},[s("div",{staticClass:"col-12"},[s("div",{staticClass:"page-title-box d-flex align-items-center justify-content-between"},[s("h4",{staticClass:"mb-0"},[t._v(t._s(t.title))]),s("div",{staticClass:"page-title-right"},[s("b-breadcrumb",{staticClass:"m-0",attrs:{items:t.items}})],1)])])])},i=[],l={components:{},props:{title:{type:String,default:""},items:{type:Array,default:()=>[]}}},c=l,r=a("2877"),o=Object(r["a"])(c,e,i,!1,null,null,null);s["a"]=o.exports},"2ae2":function(t,s,a){"use strict";a.r(s);var e=function(){var t=this,s=t._self._c;return s("Layout",[s("PageHeader",{attrs:{title:t.title,items:t.items}}),s("div",{staticClass:"row"},[s("div",{staticClass:"col-lg-6"},[s("div",{staticClass:"card"},[s("div",{staticClass:"card-body"},[s("h4",{staticClass:"card-title"},[t._v("Slides only")]),s("p",{staticClass:"card-title-desc"},[t._v(" Here’s a carousel with slides only. Note the presence of the "),s("code",[t._v(".d-block")]),t._v(" and "),s("code",[t._v(".img-fluid")]),t._v(" on carousel images to prevent browser default image alignment. ")]),s("b-carousel",{staticStyle:{"text-shadow":"0px 0px 2px #000"},attrs:{id:"carousel-fade"}},[s("b-carousel-slide",{attrs:{"img-src":a("19b7")}}),s("b-carousel-slide",{attrs:{"img-src":a("88e3")}}),s("b-carousel-slide",{attrs:{"img-src":a("b168")}})],1)],1)])]),s("div",{staticClass:"col-lg-6"},[s("div",{staticClass:"card"},[s("div",{staticClass:"card-body"},[s("h4",{staticClass:"card-title"},[t._v("With controls")]),s("p",{staticClass:"card-title-desc"},[t._v("Adding in the previous and next controls:")]),s("b-carousel",{staticStyle:{"text-shadow":"0px 0px 2px #000"},attrs:{controls:""}},[s("b-carousel-slide",{attrs:{"img-src":a("134b")}}),s("b-carousel-slide",{attrs:{"img-src":a("bb17")}}),s("b-carousel-slide",{attrs:{"img-src":a("3f9c")}})],1)],1)])])]),s("div",{staticClass:"row"},[s("div",{staticClass:"col-lg-6"},[s("div",{staticClass:"card"},[s("div",{staticClass:"card-body"},[s("h4",{staticClass:"card-title"},[t._v("With indicators")]),s("p",{staticClass:"card-title-desc"},[t._v(" You can also add the indicators to the carousel, alongside the controls, too. ")]),s("b-carousel",{staticStyle:{"text-shadow":"0px 0px 2px #000"},attrs:{controls:"",indicators:""}},[s("b-carousel-slide",{attrs:{"img-src":a("b168")}}),s("b-carousel-slide",{attrs:{"img-src":a("88e3")}}),s("b-carousel-slide",{attrs:{"img-src":a("19b7")}})],1)],1)])]),s("div",{staticClass:"col-lg-6"},[s("div",{staticClass:"card"},[s("div",{staticClass:"card-body"},[s("h4",{staticClass:"card-title"},[t._v("With captions")]),s("p",{staticClass:"card-title-desc"},[t._v(" Add captions to your slides easily with the "),s("code",[t._v(".carousel-caption")]),t._v(" element within any "),s("code",[t._v(".carousel-item")]),t._v(". ")]),s("b-carousel",{staticStyle:{"text-shadow":"1px 1px 2px #333"},attrs:{id:"carousel-1",interval:4e3,controls:"",indicators:"",background:"#ababab"},model:{value:t.slide,callback:function(s){t.slide=s},expression:"slide"}},[s("b-carousel-slide",{attrs:{"img-src":a("cf63")}},[s("div",{staticClass:"text-muted"},[s("h5",[t._v("First slide label")]),s("p",[t._v("Nulla vitae elit libero, a pharetra augue mollis interdum.")])])]),s("b-carousel-slide",{attrs:{"img-src":a("bb17")}},[s("h5",{staticClass:"text-white"},[t._v("Second slide label")]),s("p",{staticClass:"text-white-50"},[t._v("Lorem ipsum dolor sit amet, consectetur adipiscing elit.")])]),s("b-carousel-slide",{attrs:{"img-src":a("134b")}},[s("h5",{staticClass:"text-white"},[t._v("Third slide label")]),s("p",[t._v("Praesent commodo cursus magna, vel scelerisque nisl consectetur.")])])],1)],1)])])]),s("div",{staticClass:"row"},[s("div",{staticClass:"col-lg-6"},[s("div",{staticClass:"card"},[s("div",{staticClass:"card-body"},[s("h4",{staticClass:"card-title"},[t._v("Crossfade")]),s("p",{staticClass:"card-title-desc"},[t._v(" Add "),s("code",[t._v(".carousel-fade")]),t._v(" to your carousel to animate slides with a fade transition instead of a slide. ")]),s("b-carousel",{staticStyle:{"text-shadow":"0px 0px 2px #000"},attrs:{controls:"",indicators:"",fade:""}},[s("b-carousel-slide",{attrs:{"img-src":a("19b7")}}),s("b-carousel-slide",{attrs:{"img-src":a("88e3")}}),s("b-carousel-slide",{attrs:{"img-src":a("b168")}})],1)],1)])])])],1)},i=[],l=a("5658"),c=a("2579"),r=a("c2a4"),o={page:{title:"Carousel",meta:[{name:"description",content:r.description}]},components:{Layout:l["a"],PageHeader:c["a"]},data(){return{title:"Carousel",items:[{text:"UI Elements",href:"/"},{text:"Carousel",active:!0}],slide:0,slide1:0,sliding:null}}},d=o,n=a("2877"),u=Object(n["a"])(d,e,i,!1,null,null,null);s["default"]=u.exports},"3f9c":function(t,s,a){t.exports=a.p+"img/img-6.a11a58fe.jpg"},"88e3":function(t,s,a){t.exports=a.p+"img/img-2.30770379.jpg"},b168:function(t,s,a){t.exports=a.p+"img/img-3.05fc7c62.jpg"},bb17:function(t,s,a){t.exports=a.p+"img/img-5.33cf6a2a.jpg"},cf63:function(t,s,a){t.exports=a.p+"img/img-7.81df85e3.jpg"}}]);
//# sourceMappingURL=chunk-859478d0.6a52a166.js.map