Slides KIT

Examples API Setup
Source code
A component for displaying dynamic content animated between states. Use negative value for tuiSlides to indicate backward direction, positive for forward direction and 0 for static crossfade.

Important: each child must be exactly one DOM element.

Crossfade

#

Static crossfading of slides.

First slide
First slide First slide First slide First slide First slide First slide First slide First slide First slide First slide

Stepper

#

Navigating back and forth using Stepper .

Registration form Tell us about yourself

Routing

#

Animating nested routes, adding Animated to host directives of route component is required.

Home Notifications Settings

Dialog

#

Using slides inside a dialog.