A flexible container that shows content in a slideshow format. Only accepts
slotted <section> elements. The content and styling of
the section is left up to the user except for a default rule (which can be overridden)
that will center align the content both horizontally and vertically.
Sections can be dynamically added or removed.
The navigation controlls will update accordingly.
The built in navigation widgets can be turned off by setting the boolean
controls attribute to false.
The following info will help you build your own custom controls.
.sections property is an array containing all sections.
.active property will contain a reference to the currently active section.
.index property always contains the array index of the currently active section.
.count property is a quick reference to the number of sections.
.lastIndex property is the index of the last section.
.prev() methods will traverse forwards or backwards through the sections.
.show(index) method will traverse directly to the specified index.
traverse event is dispatched whenever the active section changes.
Full Page Example