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

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

<beginfold id='1'><%!--</beginfold id='1'> Script Tag <endfold id='1'>--%></endfold id='1'>
<script>
window.URL = "<%= @my_url %>"
</script>

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