Fade Theme

Basic theme for a fade-in/fade-out animation of the main container.

Installation

This theme can be installed with npm

npm install @swup/fade-theme

and included with import

import SwupFadeTheme from '@swup/fade-theme';

or included from the dist folder

<script src="./dist/SwupFadeTheme.js"></script>

To run this theme, include an instance in the swup options.

const swup = new Swup({
  plugins: [new SwupFadeTheme()]
});

Changes the selector of the elements to fade in/out. Defaults to #swup.