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

<popover> {{form}} You can enter any username and password value. <btn>Login Forget Password

You have been logged in!
</popover>

### SlideDeck with Controls

The controls can be automatically handled with a single property.