A slot entry must be a direct child of a component

[aymanosman]

Given

<.alert>
  <%= for error <- @errors do %>
   <:error>
     Some Error <%= error %>
   </:error>
  <% end %>
</.alert>

I get the following error message.

invalid slot entry <:error>. A slot entry must be a direct child of a component

I'm just wondering whether there is a plan to support such a use-case because it would be neat.

[thiagomajesk]

Hi @aymanosman! Wouldn't this example yield the same result for your use case?

def alert(assigns) do
  ~H"""
  <div class="alert alert-danger">
    <ul>
       <%= for error <- @errors do %>
         <li><%= render_slot(error, error) %></li>
       <% end %>
     </ul>
  </div>
  """
end

<.alert errors={["really bad error message"]}>
  <:error let="error">
    Some Error <%= error %>
  </:error>
</.alert>

[chrismccord]

Confirm, @thiagomajesk is the solution to achieve what you want. Thanks!

[aymanosman]

That works! Thanks.

There was just a small typo in your example.

This let="error" should be let={error}

[ssbb]

Just to confirm - there is no plans to allow this behaviour so it's by design or just temporary limitation until it will be done?

Like in <.table> component example from docs - if I need to hide column based on some conditions. I can just pass something like <:col show={...}> and hide it inside table component - is it a way to go?

[chrismccord]

confirm