https://splidejs.com/component---src-templates-document-js-content…-elements-index-mdx-d4ea4cd9f46626dfde53.js

1"use strict";(self.webpackChunk_splidejs_splide_site=self.webpackChunk_splidejs_splide_site||[]).push([[3523],{3960:function(e,t,l){l.r(t),l.d(t,{Head:function(){return _},default:function(){return x}});var n=l(1151),a=l(7294);function r(e){const t=Object.assign({h2:"h2",a:"a",div:"div",p:"p",h3:"h3",code:"code",hr:"hr"},(0,n.ah)(),e.components),{Type:l}=t;return l||function(e,t){throw new Error("Expected "+(t?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("Type",!0),a.createElement(a.Fragment,null,a.createElement(t.h2,{id:"overview",style:{position:"relative"}},a.createElement(t.a,{href:"#overview","aria-label":"overview permalink",className:"anchor before"},a.createElement(t.div,{dangerouslySetInnerHTML:{__html:'<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="m12.4 0.842-4.44 38.3h6l4.44-38.3z"/><path d="m26 0.842-4.44 38.3h6l4.44-38.3z"/><path d="m4.23 23.8-0.695 6h30.7l0.695-6z"/><path d="m5.8 10.2-0.695 6h30.7l0.695-6z"/></svg>'}})),"Overview"),"\n",a.createElement(t.p,null,"The Elements component collects elements provided by HTML and initializes them."),"\n",a.createElement(t.h2,{id:"properties",style:{position:"relative"}},a.createElement(t.a,{href:"#properties","aria-label":"properties permalink",className:"anchor before"},a.createElement(t.div,{dangerouslySetInnerHTML:{__html:'<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="m12.4 0.842-4.44 38.3h6l4.44-38.3z"/><path d="m26 0.842-4.44 38.3h6l4.44-38.3z"/><path d="m4.23 23.8-0.695 6h30.7l0.695-6z"/><path d="m5.8 10.2-0.695 6h30.7l0.695-6z"/></svg>'}})),"Properties"),"\n",a.createElement(t.h3,{id:"root",style:{position:"relative"}},a.createElement(t.a,{href:"#root","aria-label":"root permalink",className:"anchor before"},a.createElement(t.div,{dangerouslySetInnerHTML:{__html:'<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="m12.4 0.842-4.44 38.3h6l4.44-38.3z"/><path d="m26 0.842-4.44 38.3h6l4.44-38.3z"/><path d="m4.23 23.8-0.695 6h30.7l0.695-6z"/><path d="m5.8 10.2-0.695 6h30.7l0.695-6z"/></svg>'}})),a.createElement(t.code,null,"root")),"\n",a.createElement(l,{code:"root: HTMLElement"}),"\n",a.createElement(t.p,null,"The root element."),"\n",a.createElement(t.hr),"\n",a.createElement(t.h3,{id:"slider",style:{position:"relative"}},a.createElement(t.a,{href:"#slider","aria-label":"slider permalink",className:"anchor before"},a.createElement(t.div,{dangerouslySetInnerHTML:{__html:'<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="m12.4 0.842-4.44 38.3h6l4.44-38.3z"/><path d="m26 0.842-4.44 38.3h6l4.44-38.3z"/><path d="m4.23 23.8-0.695 6h30.7l0.695-6z"/><path d="m5.8 10.2-0.695 6h30.7l0.695-6z"/></svg>'}})),a.createElement(t.code,null,"slider")),"\n",a.createElement(l,{code:"slider: HTMLElement"}),"\n",a.createElement(t.p,null,"The slider element. This can be ",a.createElement(t.code,null,"undefined"),"."),"\n",a.createElement(t.hr),"\n",a.createElement(t.h3,{id:"track",style:{position:"relative"}},a.createElement(t.a,{href:"#track","aria-label":"track permalink",className:"anchor before"},a.createElement(t.div,{dangerouslySetInnerHTML:{__html:'<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="m12.4 0.842-4.44 38.3h6l4.44-38.3z"/><path d="m26 0.842-4.44 38.3h6l4.44-38.3z"/><path d="m4.23 23.8-0.695 6h30.7l0.695-6z"/><path d="m5.8 10.2-0.695 6h30.7l0.695-6z"/></svg>'}})),a.createElement(t.code,null,"track")),"\n",a.createElement(l,{code:"track: HTMLElement"}),"\n",a.createElement(t.p,null,"The track element."),"\n",a.createElement(t.hr),"\n",a.createElement(t.h3,{id:"list",style:{position:"relative"}},a.createElement(t.a,{href:"#list","aria-label":"list permalink",className:"anchor before"},a.createElement(t.div,{dangerouslySetInnerHTML:{__html:'<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="m12.4 0.842-4.44 38.3h6l4.44-38.3z"/><path d="m26 0.842-4.44 38.3h6l4.44-38.3z"/><path d="m4.23 23.8-0.695 6h30.7l0.695-6z"/><path d="m5.8 10.2-0.695 6h30.7l0.695-6z"/></svg>'}})),a.createElement(t.code,null,"list")),"\n",a.createElement(l,{code:"list: HTMLElement"}),"\n",a.createElement(t.p,null,"The list element."),"\n",a.createElement(t.hr),"\n",a.createElement(t.h3,{id:"slides",style:{position:"relative"}}

1,a.createElement(t.a,{href:"#slides","aria-label":"slides permalink",className:"anchor before"},a.createElement(t.div,{dangerouslySetInnerHTML:{__html:'<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="m12.4 0.842-4.44 38.3h6l4.44-38.3z"/><path d="m26 0.842-4.44 38.3h6l4.44-38.3z"/><path d="m4.23 23.8-0.695 6h30.7l0.695-6z"/><path d="m5.8 10.2-0.695 6h30.7l0.695-6z"/></svg>'}})),a.createElement(t.code,null,"slides")),"\n",a.createElement(l,{code:"slides: HTMLElement[]"}),"\n",a.createElement(t.p,null,"An array with slide elements."),"\n",a.createElement(t.hr),"\n",a.createElement(t.h3,{id:"arrows",style:{position:"relative"}},a.createElement(t.a,{href:"#arrows","aria-label":"arrows permalink",className:"anchor before"},a.createElement(t.div,{dangerouslySetInnerHTML:{__html:'<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="m12.4 0.842-4.44 38.3h6l4.44-38.3z"/><path d="m26 0.842-4.44 38.3h6l4.44-38.3z"/><path d="m4.23 23.8-0.695 6h30.7l0.695-6z"/><path d="m5.8 10.2-0.695 6h30.7l0.695-6z"/></svg>'}})),a.createElement(t.code,null,"arrows")),"\n",a.createElement(l,{code:"arrows: HTMLElement"}),"\n",a.createElement(t.p,null,"The element that wraps previous and next arrows. This can be ",a.createElement(t.code,null,"undefined"),"."),"\n",a.createElement(t.hr),"\n",a.createElement(t.h3,{id:"prev",style:{position:"relative"}},a.createElement(t.a,{href:"#prev","aria-label":"prev permalink",className:"anchor before"},a.createElement(t.div,{dangerouslySetInnerHTML:{__html:'<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="m12.4 0.842-4.44 38.3h6l4.44-38.3z"/><path d="m26 0.842-4.44 38.3h6l4.44-38.3z"/><path d="m4.23 23.8-0.695 6h30.7l0.695-6z"/><path d="m5.8 10.2-0.695 6h30.7l0.695-6z"/></svg>'}})),a.createElement(t.code,null,"prev")),"\n",a.createElement(l,{code:"prev: HTMLButtonElement"}),"\n",a.createElement(t.p,null,"The previous arrow element. This can be ",a.createElement(t.code,null,"undefined"),".\nBe aware that this does not hold the generated arrow. Use ",a.createElement(t.code,null,"Arrow#arrows")," instead."),"\n",a.createElement(t.hr),"\n",a.createElement(t.h3,{id:"next",style:{position:"relative"}},a.createElement(t.a,{href:"#next","aria-label":"next permalink",className:"anchor before"},a.createElement(t.div,{dangerouslySetInnerHTML:{__html:'<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="m12.4 0.842-4.44 38.3h6l4.44-38.3z"/><path d="m26 0.842-4.44 38.3h6l4.44-38.3z"/><path d="m4.23 23.8-0.695 6h30.7l0.695-6z"/><path d="m5.8 10.2-0.695 6h30.7l0.695-6z"/></svg>'}})),a.createElement(t.code,null,"next")),"\n",a.createElement(l,{code:"slider: HTMLButtonElement"}),"\n",a.createElement(t.p,null,"The next arrow element. This can be ",a.createElement(t.code,null,"undefined"),".\nBe aware that this does not hold the generated arrow. Use ",a.createElement(t.code,null,"Arrow#arrows")," instead."),"\n",a.createElement(t.hr),"\n",a.createElement(t.h3,{id:"bar",style:{position:"relative"}},a.createElement(t.a,{href:"#bar","aria-label":"bar permalink",className:"anchor before"},a.createElement(t.div,{dangerouslySetInnerHTML:{__html:'<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="m12.4 0.842-4.44 38.3h6l4.44-38.3z"/><path d="m26 0.842-4.44 38.3h6l4.44-38.3z"/><path d="m4.23 23.8-0.695 6h30.7l0.695-6z"/><path d="m5.8 10.2-0.695 6h30.7l0.695-6z"/></svg>'}})),a.createElement(t.code,null,"bar")),"\n",a.createElement(l,{code:"slider: HTMLElement"}),"\n",a.createElement(t.p,null,"The progress bar element for autoplay. This can be ",a.createElement(t.code,null,"undefined"),"."),"\n",a.createElement(t.hr),"\n",a.createElement(t.h3,{id:"play",style:{position:"relative"}},a.createElement(t.a,{href:"#play","aria-label":"play permalink",className:"anchor before"},a.createElement(t.div,{dangerouslySetInnerHTML:{__html:'<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="m12.4 0.842-4.44 38.3h6l4.44-38.3z"/><path d="m26 0.842-4.44 38.3h6l4.44-38.3z"/><path d="m4.23 23.8-0.695 6h30.7l0.695-6z"/><path d="m5.8 10.2-0.695 6h30.7l0.695-6z"/></svg>'}})),a.createElement(t.code,null,"play")),"\n",a.createElement(l,{code:"play: HTMLElement"}),"\n",a.createElement(t.p,null,"The play button for autoplay. This can be ",a.createElement(t.code,null,"undefined"),"."),"\n",a.createElement(t.hr),"\n",a.createElement(t.h3,{id:"pause",style:{position:"relative"}}

1,a.createElement(t.a,{href:"#pause","aria-label":"pause permalink",className:"anchor before"},a.createElement(t.div,{dangerouslySetInnerHTML:{__html:'<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="m12.4 0.842-4.44 38.3h6l4.44-38.3z"/><path d="m26 0.842-4.44 38.3h6l4.44-38.3z"/><path d="m4.23 23.8-0.695 6h30.7l0.695-6z"/><path d="m5.8 10.2-0.695 6h30.7l0.695-6z"/></svg>'}})),a.createElement(t.code,null,"pause")),"\n",a.createElement(l,{code:"pause: HTMLElement"}),"\n",a.createElement(t.p,null,"The pause button for autoplay. This can be ",a.createElement(t.code,null,"undefined"),"."))}var m=function(e){void 0===e&&(e={});const{wrapper:t}=Object.assign({},(0,n.ah)(),e.components);return t?a.createElement(t,e,a.createElement(r,e)):r(e)};var o=l(1597),h=l(943),s=l(8388),c=l(382),i=l(1534),d=l(9324),p=l(6737),E=l(6193),v=l(1101),u=l(6262),w=l(7176),g=l(2637),z=l(447),f=l(7736),T=l(1632);const b={Box:d.x,Button:i.z,Link:o.Link,Params:p.S,Type:s.D,LinkTable:E.W,LinkTo:v.e,Example:c.e,Icon:u.J,ParamTable:w.m,Accessor:g.U,Key:z.s,VideoPlayer:f.Y};function y(e){let{data:t,pageContext:l,children:r}=e;const m=t.mdx;return a.createElement(h.Z,{heading:m.frontmatter.title,localizedHeading:m.frontmatter.localizedTitle,desc:m.frontmatter.desc,pageContext:l,isDocument:!0},a.createElement(n.Zo,{components:b},r))}function x(e){return a.createElement(y,e,a.createElement(m,e))}function _(e){let{data:t}=e;const{frontmatter:l}=t.mdx;return a.createElement(T.H,{title:l.localizedTitle||l.title,description:l.desc,isArticle:!0})}}}]);
2//# sourceMappingURL=component---src-templates-document-js-content-file-path-home-runner-work-splide-site-splide-site-docs-v-3-components-elements-index-mdx-d4ea4cd9f46626dfde53.js.map