This is a Swiper Component for filament, using SwiperJS.
You can install the package via composer:
composer require rupadana/filament-swiper
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)
])
}
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
There is a bug. we need contributor to fix it.
- Using effect on the modal (Infolists)
There is module has been implemented in this project.
- Pagination
- Navigation
- Scrollbar
- Autoplay
- Free Mode
- Grid
- Manipulation
- Parallax
- Effect # Still have a bugs
- Lazy Loading
- Thumbs
- Zoom
- Keyboard Control
- Mousewheel Control
- Virtual Slides
- Hash Navigation
- Controller
- Accessibility
Please see CHANGELOG for more information on what has changed recently.
Please see CONTRIBUTING for details.
Please review our security policy on how to report security vulnerabilities.
The MIT License (MIT). Please see License File for more information.