Carousel Component

# Make

Компонент Carousel позволяет создавать карусель изображений.

Создать Carousel можно воспользовавшись статическим методом make() класса Carousel. 

make(
    Closure|string $alt = '',
    Closure|string|array $items = '',
    Closure|boolean $portrait = false
)
  • $alt - alt изображений,
  • $items - изображения,
  • $portrait - портретная ориентация
use MoonShine\Components\Carousel; 
 
//...
 
public function components(): array
{
    return [
        Carousel::make(
            alt: fake()->sentence(3),
            items: ['/images/image_2.jpg','/images/image_1.jpg'],
            portrait: false
        ) 
    ];
}
 
//...
/ 2

# Изображения

Для добавления изображений можно воспользоваться методом items(). 

items(Closure|string|array $value)
  • $value - url изображения, или массив url-ов изображений, или замыкание.
Carousel::make(
    alt: fake()->sentence(3),
)
->items(['/images/image_2.jpg','/images/image_1.jpg'])
/ 2

# Портретная ориентация

Для использования карусели с вертикальными изображениями добавить в метод make() параметр portrait: true. 

bool portrait = false
Carousel::make(
    alt: fake()->sentence(3),
    portrait: true
)
->items(['/images/image_2.jpg','/images/image_1.jpg'])
/ 2
Компоненты
Card
Компоненты
Link