PHPackages                             rupadana/filament-swiper - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. rupadana/filament-swiper

ActiveLibrary[Utility & Helpers](/categories/utility)

rupadana/filament-swiper
========================

The Most Modern Mobile Touch Slider on Filamentphp

3.0.5-beta(10mo ago)3715.1k↑233.3%13[3 PRs](https://github.com/rupadana/filament-swiper/pulls)2MITPHPPHP ^8.1CI failing

Since Nov 4Pushed 10mo ago2 watchersCompare

[ Source](https://github.com/rupadana/filament-swiper)[ Packagist](https://packagist.org/packages/rupadana/filament-swiper)[ Docs](https://github.com/rupadana/filament-swiper)[ GitHub Sponsors](https://github.com/rupadana)[ RSS](/packages/rupadana-filament-swiper/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (8)Dependencies (13)Versions (13)Used By (2)

The Most Modern Mobile Touch Slider now on Filamentphp
======================================================

[](#the-most-modern-mobile-touch-slider-now-on-filamentphp)

[![Latest Version on Packagist](https://camo.githubusercontent.com/5ad98319847385486eeb6c158e58e5fd77a3459699a23a223c98f1799f821f00/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f7275706164616e612f66696c616d656e742d7377697065722e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/rupadana/filament-swiper)[![Total Downloads](https://camo.githubusercontent.com/2757f06f3828a814b7ce042d282a94b69eea73705d1d58f482f44b5c102a2426/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f7275706164616e612f66696c616d656e742d7377697065722e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/rupadana/filament-swiper)

[![Image](https://raw.githubusercontent.com/rupadana/filament-swiper/main/docs/images/filament-swiper-image.png)](https://raw.githubusercontent.com/rupadana/filament-swiper/main/docs/images/filament-swiper-image.png)

This is a Swiper Component for filament, using [SwiperJS](https://swiperjs.com/).

Installation
------------

[](#installation)

You can install the package via composer:

```
composer require rupadana/filament-swiper
```

Usage
-----

[](#usage)

Available API

```
public function infolists(Infolists $infolists) {
    return $infolists
    ->schema([
        \Rupadana\FilamentSwiper\Infolists\Components\SwiperImageEntry::make('attachment')
            ->navigation(false)
            ->pagination()
            ->paginationType(SwiperImageEntry::BULLETS)
            ->paginationClickable()
            ->paginationDynamicBullets()
            ->paginationHideOnClick()
            ->paginationDynamicMainBullets(2)
            ->scrollbar()
            ->scrollbarDragSize(100)
            ->scrollbarDraggable()
            ->scrollbarSnapOnRelease()
            ->scrollbarHide(false)
            ->height(300)
            ->autoplay()
            ->effect(SwiperImageEntry::CARDS_EFFECT)
            ->cardsPerSlideOffset(2)
            ->autoplayDelay(500)
            ->centeredSlides()
            ->slidesPerView(2)
    ])
}
```

Widget
------

[](#widget)

Create a class whatever u want. example `App\Livewire\Widgets\Swipget` and extends `Rupadana\FilamentSwiper\Widgets\SwiperWidget`,

```