Plugins
Swiper
The Most Modern Mobile Touch Slider now on Filamentphp
Infolist entry
Dark theme support
No
Multi language support
No
Compatible with the latest version
Supported versions: 3.x
Documentation

Latest Version on Packagist Total Downloads

Image

This is a Swiper Component for filament, using SwiperJS.

#Installation

You can install the package via composer:

composer require rupadana/filament-swiper

#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

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

<?php
 
namespace App\Livewire\Widgets;
 
use App\Livewire\Components\Feature;
use Rupadana\FilamentSwiper\Widgets\SwiperWidget;
 
class Swipget extends SwiperWidget
{
 
public function getComponents(): array
{
return [
// Your livewire component
];
}
}

and register it to your Filament Provider

#Bugs

There is a bug. we need contributor to fix it.

  • [ ] Using effect on the modal (Infolists)

#Features

There is module has been implemented in this project.

  • [x] Pagination
  • [x] Navigation
  • [x] Scrollbar
  • [x] Autoplay
  • [ ] Free Mode
  • [ ] Grid
  • [ ] Manipulation
  • [ ] Parallax
  • [x] Effect # Still have a bugs
  • [ ] Lazy Loading
  • [ ] Thumbs
  • [ ] Zoom
  • [ ] Keyboard Control
  • [ ] Mousewheel Control
  • [ ] Virtual Slides
  • [ ] Hash Navigation
  • [ ] Controller
  • [ ] Accessibility

#Changelog

Please see CHANGELOG for more information on what has changed recently.

#Contributing

Please see CONTRIBUTING for details.

#Security Vulnerabilities

Please review our security policy on how to report security vulnerabilities.

#Credits

#License

The MIT License (MIT). Please see License File for more information.

Rupadana

Rupadana is full-stack web developer from Indonesian. He embarked on his journey in late 2019, and currently active on Filament Community.

5
Plugins
151
Stars
More from this author
Featured Plugins