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.

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.