The Most Modern Mobile Touch Slider now on Filamentphp
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.
- 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
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.