# 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.

{{form}} 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.