arturodacostasoler / rupadana-filament-swiper Goto Github PK

View Code? Open in Web Editor NEW

This project forked from rupadana/filament-swiper

0.0 0.0 0.0 360 KB

The Most Modern Mobile Touch Slider now on Filamentphp

License: MIT License

JavaScript 3.87% PHP 62.22% CSS 0.13% Blade 33.78%

rupadana-filament-swiper's Introduction

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
        ];
    }
}