Windows

The Window component provides the baseline functionality for transitioning content from 1 pane to another. Other components such as Tabs, Carousel and Stepper utilize this component at their core.

Examples

Below is a collection of simple to complex examples.

API

Window
WindowItem

Basic

Here is a basic example on how to use Window.

Vertical

Window can be vertical. Vertical windows have Y axis transition instead of X axis transition.

Reverse

Reverse Window always displays reverse transition.

Ready For More?

Continue to learn more about svelte materialify with content selected by the creator.

Edit This Page on GitHub

Last Updated: 2022-10-03