highlight.heex

    <%!-- Examples From https://hexdocs.pm/phoenix_live_view/assigns-eex.html --%>
    <%!-- https://hexdocs.pm/phoenix_live_view/Phoenix.Component.html#sigil_H/2 --%>
    <h1>{expand_title(@title)}</h1>
    <div id={"user_#{@user.id}"}>
      {@user.name}
    </div>
    {render("child_template.html", assigns)}
    <%!-- Function Components --%>
    <.show_name name={@user.name} />

    <%= for user <- Repo.all(User) do %>
      {user.name}
    <% end %>
    <div class="card">
      <.card_header {assigns} />
      <.card_body {assigns} />
      <.card_footer {assigns} />
    </div>
    <div class="card">
      <.card_header title={@title} class={@title_class} />
      <.card_body>
        {render_slot(@inner_block)}
      </.card_body>
      <.card_footer on_close={@on_close} />
    </div>
    <%!-- Comprehensions --%>
    <section :for={post <- @posts>}>
      <h1>{expand_title(post.title)}</h1>
    </section>
    <.form :let={f} for={@form} phx-change="validate" phx-submit="save">
      <.input field={f[:username]} type="text" />
    </.form>
    <div title="My div" class={@class}>
      <p>Hello {@name}</p>
      <MyApp.Weather.city name="Kraków"/>
    </div>
    <table id="admin-table" :if={@admin?}>
      <tr :for={user <- @users}>
        <td>{user.name}</td>
      </tr>
    <table>
    <%!-- Slots --%>
    <.table id="my-table" rows={@users}>
      <:col :for={header <- @headers} :let={user}>
        <td>{user[header]}</td>
      </:col>
    </.table>

    <%!-- Script Tag --%>
    <script>
    window.URL = "<%= @my_url %>"
    </script>

    <.table id="my-table" rows={@users}>
      <:col :for={header <- @headers} :let={user}>
        <td>{user[header]}</td>
      </:col>
    </.table>