Admin at 14:44, 12 March 2025

2025-03-12T14:44:03Z

@@ Line 48: / Line 48: @@
    def handle_event("append_content", %{"heading" => _heading}, socket) do
      updated_content = socket.assigns.content <> " hello there"
      {:noreply, assign(socket, content: updated_content)}
    end

Admin: Created page with " defmodule Heading do use Phoenix.Component def head(assigns) do ~H"""
<%= for heading <- @headings do %>
{heading}!
<% end %>
""" end end #______________________________________________________________ defmodule Content do use Phoenix.Component def content(assigns) do ~H"""
This is content: {@content}!
""" end end #..."

2025-03-12T13:59:24Z

Created page with "<source> defmodule Heading do use Phoenix.Component def head(assigns) do ~H""" <ul> <%= for heading <- @headings do %> <li phx-click="append_content" phx-value-heading={heading}>{heading}!</li> <% end %> </ul> """ end end #________________________________________________________________ defmodule Content do use Phoenix.Component def content(assigns) do ~H""" <p>This is content: {@content}!</p> """ end end #__..."

New page

<source>
defmodule Heading do
use Phoenix.Component

def head(assigns) do
~H"""
<ul>
<%= for heading <- @headings do %>
<li phx-click="append_content" phx-value-heading={heading}>{heading}!</li>
<% end %>
</ul>
"""
end
end

#________________________________________________________________
defmodule Content do
use Phoenix.Component

def content(assigns) do
~H"""
<p>This is content: {@content}!</p>
"""
end
end
#________________________________________________________________

defmodule AppWeb.PageLive do
use AppWeb, :live_view
import Heading
import Content

def mount(_params, _session, socket) do
{:ok, assign(socket, content: "This is some great content here")}
end

def headings do
["one", "two", "three"]
end

def render(assigns) do
~H"""
<Heading.head headings={headings()} />
<Content.content content={@content} />
"""
end

def handle_event("append_content", %{"heading" => _heading}, socket) do
updated_content = socket.assigns.content <> " hello there"
{:noreply, assign(socket, content: updated_content)}
end
end

</source>

Working with Sibling Components - Revision history

Admin at 14:44, 12 March 2025