Update To Swiper v11

A big Swiper v11 update was released yesterday.

And to day we release update to all the UI Initiative items with Swiper to fully support Swiper v11.

Migration to Swiper v11

Even though Swiper v11 is a major update, it doesn't bring any breaking changes to our UI Initiative items, so in most cases no changes are required other than simply upgrading to the latest version of Swiper.

If you use NPM, update Swiper package by running the following command in terminal:

npm i swiper@latest

If you use Swiper from CDN, update @10 to @11 in Swiper assets source:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css" />
<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>

<!-- should be changed to: -->

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>

Static Demos

Also, all UI Initiative Swiper related items now come with pure static demos (in the downloaded package) with pure HTML, JS and CSS in addition to Vite demo we had before.

So if you are not familiar with Vite, make sure to redownload the package and check new static demo.