webmatherfacker/moonshine-carousel

v1.0 2024-06-15 11:34 UTC

Conflicts

• moonshine/moonshine: <2.0

MIT

• ghost

README

Moonshine Slider компонент для отображения слайдером элементов административной панели MoonShine.

Содержание

• Установка
• Использование
• Лицензия

Установка

Команда для установки:

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)
                ]),

Перечень методов:

itemPerRow($count) количество отображаемых элементов на странице. По умолчанию 3

Использование:

Slider::make()->addItems(...)->itemPerRow(3),

editItemWidth($percent) ширина каждого элемента карусели. По умолчанию 20

⚠️ Предупреждение
Разрыв между каждым элементом будет рассчитан автоматически. Например: если ваш itemPerRow равен 4, а ItemWidth равен 24, то разрыв между каждым элементом будет (100-24 * 4) / 3. Не допускайте, чтобы ваш разрыв был отрицательным!

Использование:

Slider::make()->addItems(...)->editItemWidth(20),

loop позволяет включить зацикливание слайдера, чтобы прокрутка повторялась сначала. По умолчанию false

Использование:

Slider::make()->addItems(...)->loop(),

nav позволяет включить кнопки управления. По умолчанию false

Использование:

Slider::make()->addItems(...)->nav(),

Лицензия

Лицензия MIT.