logo

RubyCarouselComponentWithBurgerImages

InfoGeneratePackages

The provided code defines a Ruby class named `CarouselComponent`, which inherits from `ApplicationComponent`. This class contains a single method `template` that constructs a carousel component for a web interface. The carousel, marked with a `carousel rounded-box` class, consists of multiple items (`carousel-item`), each containing an image of a burger. Each `carousel-item` displays a different image from a set selection, with images sourced from the `daisyui.com` domain. This carousel component is likely intended to be a visual element in a user interface, showcasing multiple images that users can browse through.

# frozen_string_literal: true

class CarouselComponent < ApplicationComponent
  def template
    div(class: "carousel rounded-box") do
      div(class: "carousel-item") do
        img(src: "https://daisyui.com/images/stock/photo-1559703248-dcaaec9fab78.jpg", alt: "Burger")
      end
      div(class: "carousel-item") do
        img(src: "https://daisyui.com/images/stock/photo-1565098772267-60af42b81ef2.jpg", alt: "Burger")
      end
      div(class: "carousel-item") do
        img(src: "https://daisyui.com/images/stock/photo-1572635148818-ef6fd45eb394.jpg", alt: "Burger")
      end
      div(class: "carousel-item") do
        img(src: "https://daisyui.com/images/stock/photo-1494253109108-2e30c049369b.jpg", alt: "Burger")
      end
      div(class: "carousel-item") do
        img(src: "https://daisyui.com/images/stock/photo-1550258987-190a2d41a8ba.jpg", alt: "Burger")
      end
      div(class: "carousel-item") do
        img(src: "https://daisyui.com/images/stock/photo-1559181567-c3190ca9959b.jpg", alt: "Burger")
      end
      div(class: "carousel-item") do
        img(src: "https://daisyui.com/images/stock/photo-1601004890684-d8cbf643f5f2.jpg", alt: "Burger")
      end
    end
  end
end

Children