Code

Live View

Elixir

defmodule Hello do
  def world do
    "Hello, World!"
  end
end

HTML

<div class="greeting">
  <h1>Hello, <%= @name %>!</h1>
</div>

CSS

.greeting {
  padding: 1rem;
  background: var(--color-layer);
}

.greeting h1 {
  font-size: 1.5rem;
}

JavaScript

document.addEventListener("DOMContentLoaded", () => {
  const button = document.querySelector("button");
  button?.addEventListener("click", () => {
    console.log("Clicked!");
  });
});

Inline with heredoc

defmodule Hello do
  def world do
    "Hello, World!"
  end
end