mirror of
https://gitee.com/blazorcomponent/MASA.Blazor.git
synced 2025-12-06 10:19:23 +08:00
5041696427
* revert changes * ♻ refactor(swiper): wrap the update method for blazor compatibility * move numberhelper * remove gitlab-ci.yml * move numberhelper * package with -p:Version instead of -p:PackageVersion * Update src/Masa.Blazor.JS/src/wrappers/swiper/index.ts Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --------- Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
1.8 KiB
1.8 KiB
title, desc, tag, related
| title | desc | tag | related | |||
|---|---|---|---|---|---|---|
| Swiper | A mobile touch slider component base on [Swiper](https://github.com/nolimits4web/swiper). | JS Wrapper |
|
Installation
dotnet add package Masa.Blazor.JSComponents.Swiper
<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>
Usage
Examples
Props
Vertical
Loop
Space between
Auto height
By default, the highest slide determines the height of the Swiper.
If you need to adapt the height, you can set the AutoHeight property.
For scenarios where the content in MSwiperSlide is loaded asynchronously, you need to manually call
_swiper.UpdateAsync()to notify Swiper to recalculate the height when the height does not adapt.