slide-deck

Basic Usage

A slide deck is an abstract component that adds a slide effect between components. The height of the slide deck will automatically grow to the next slide. Since each element must be different, or a key must be defined for Vue transitions, the component will automatically add the slide index as a key if a key isn't define. The component handles the differing animations for going backwards and forwards.

Slide 1

Next

Slide 2

Prev Next

Slide 3

Prev Next

Slide 4

Prev

Advanced Usage

A more practical usage would be something inside a popover, there is a login form and the state changes. With each state change, it could transition to a new slide.

You can enter any username and password value. Login Forget Password

You have been logged in!

SlideDeck with Controls

The controls can be automatically handled with a single property.