(Quick Reference)

ui:slide

Purpose

Defines a slide for use inside a carousel tag.

A slide is one of the panels that can be displayed in the automatically "rotating" carousel.

Example

    <ui:carousel>
        <ui:slide active="true">
            This is slide one
        </ui:slide>
        <ui:slide>
            This is our second marketing slide
        </ui:slide>
        <ui:slide>
            And here is our third marketing slide
        </ui:slide>
    </ui:carousel>

Attributes

NameRequired?Description
classNoAny extra CSS classes to apply to the outermost container of the slide
activeNoSet to true on one slide to define which should be shown first.