← All plugins
Moonshine Slider - слайдер
MoonShine Slider
A customizable slider component for MoonShine, allowing dynamic presentation of items in the admin panel with adjustable settings for layout, looping, and navigation.
Moonshine Slider - слайдер
Moonshine Slider компонент для отображения слайдером элементов административной панели MoonShine.
Содержание
Установка
Команда для установки:
composer require webmatherfacker/moonshine-carousel
composer require webmatherfacker/moonshine-carousel
composer require webmatherfacker/moonshine-carousel
composer require webmatherfacker/moonshine-carousel
composer require webmatherfacker/moonshine-carousel
Использование
<?php
use Webmatherfacker\MoonshineCarousel\Components\Slider;
Slider::make()->addItems([
ValueMetric::make('Articles')
->value(100),
ValueMetric::make('Orders')
->value(150),
ValueMetric::make('Products')
->value(250),
ValueMetric::make('Users')
->value(350),
ValueMetric::make('Sales')
->value(500),
ValueMetric::make('Countries')
->value(195)
]),
<?php
//...
use Webmatherfacker\MoonshineCarousel\Components\Slider;
//...
Slider::make()->addItems([
ValueMetric::make('Articles')
->value(100),
ValueMetric::make('Orders')
->value(150),
ValueMetric::make('Products')
->value(250),
ValueMetric::make('Users')
->value(350),
ValueMetric::make('Sales')
->value(500),
ValueMetric::make('Countries')
->value(195)
]),
<?php
//...
use Webmatherfacker\MoonshineCarousel\Components\Slider;
//...
Slider::make()->addItems([
ValueMetric::make('Articles')
->value(100),
ValueMetric::make('Orders')
->value(150),
ValueMetric::make('Products')
->value(250),
ValueMetric::make('Users')
->value(350),
ValueMetric::make('Sales')
->value(500),
ValueMetric::make('Countries')
->value(195)
]),
<?php
//...
use Webmatherfacker\MoonshineCarousel\Components\Slider;
//...
Slider::make()->addItems([
ValueMetric::make('Articles')
->value(100),
ValueMetric::make('Orders')
->value(150),
ValueMetric::make('Products')
->value(250),
ValueMetric::make('Users')
->value(350),
ValueMetric::make('Sales')
->value(500),
ValueMetric::make('Countries')
->value(195)
]),
<?php
//...
use Webmatherfacker\MoonshineCarousel\Components\Slider;
//...
Slider::make()->addItems([
ValueMetric::make('Articles')
->value(100),
ValueMetric::make('Orders')
->value(150),
ValueMetric::make('Products')
->value(250),
ValueMetric::make('Users')
->value(350),
ValueMetric::make('Sales')
->value(500),
ValueMetric::make('Countries')
->value(195)
]),
Перечень методов:
itemPerRow($count) количество отображаемых элементов на странице. По умолчанию 3
Использование:
Slider::make()->addItems(...)->itemPerRow(3),
Slider::make()->addItems(...)->itemPerRow(3),
Slider::make()->addItems(...)->itemPerRow(3),
Slider::make()->addItems(...)->itemPerRow(3),
Slider::make()->addItems(...)->itemPerRow(3),
editItemWidth($percent) ширина каждого элемента карусели. По умолчанию 20
⚠️ Предупреждение
Разрыв между каждым элементом будет рассчитан автоматически.
Например: если ваш itemPerRow равен 4, а ItemWidth равен 24, то разрыв между каждым элементом будет (100-24 * 4) / 3. Не допускайте, чтобы ваш разрыв был отрицательным!
Использование:
Slider::make()->addItems(...)->editItemWidth(20),
Slider::make()->addItems(...)->editItemWidth(20),
Slider::make()->addItems(...)->editItemWidth(20),
Slider::make()->addItems(...)->editItemWidth(20),
Slider::make()->addItems(...)->editItemWidth(20),
loop позволяет включить зацикливание слайдера, чтобы прокрутка повторялась сначала. По умолчанию false
Использование:
Slider::make()->addItems(...)->loop(),
Slider::make()->addItems(...)->loop(),
Slider::make()->addItems(...)->loop(),
Slider::make()->addItems(...)->loop(),
Slider::make()->addItems(...)->loop(),
nav позволяет включить кнопки управления. По умолчанию false
Использование:
Slider::make()->addItems(...)->nav(),
Slider::make()->addItems(...)->nav(),
Slider::make()->addItems(...)->nav(),
Slider::make()->addItems(...)->nav(),
Slider::make()->addItems(...)->nav(),
Лицензия
Лицензия MIT.
