IphoneMockupDisplayComponent

Info Generate Packages

The code defines a class named `IphoneMockupComponent` that inherits from `ApplicationComponent`. Inside the class, there is a method called `template` that outputs the structure of an iPhone mockup using HTML-like syntax. The structure includes a `div` with a class `mockup-phone`, which contains two other `div` elements. The first `div` represents the camera of the mockup phone, and the second `div` represents the display. Within the display `div`, there is another `div` representing an artboard with a class `artboard artboard-demo phone-1`, which contains the text "Hi.". This code likely serves to provide a visual representation of an iPhone for demonstration or design purposes within a web application or a development environment.

class IphoneMockupComponent < ApplicationComponent
  def template
    div class: "mockup-phone" do
      div class: "camera"
      div class: "display" do
        div class: "artboard artboard-demo phone-1" do
          "Hi."
        end
      end
    end
  end
end

Try a prompt