Slides LAYOUT

On this page

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 with slight delay for smoother overlap.

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 .

Routing

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

Home Notifications Settings

Dialog

Using slides inside a dialog.

GitHub StackBlitz