Surface.Constructs.For (surface v0.4.0) View Source

Provides an alternative to the :for directive for wrapping multiple elements in a for loop.

Examples

<For each={{ item <- @items }}>
  <a href={{ item.to }}>{{ item.label }}</a>
  <Icon name="cheveron_left" />
</For>

Properties

each :generator, required: true - The generator for the for expression.

Slots

default, required: true

Link to this section Summary

Functions

Callback implementation for Phoenix.LiveComponent.mount/1.

render(_)

Callback implementation for Phoenix.LiveComponent.render/1.

transform(node)

Callback implementation for c:Surface.BaseComponent.transform/1.

update(assigns, socket)

Callback implementation for Phoenix.LiveComponent.update/2.

Link to this section Functions

mount(socket)

Callback implementation for Phoenix.LiveComponent.mount/1.

render(_)

Callback implementation for Phoenix.LiveComponent.render/1.

transform(node)

Callback implementation for c:Surface.BaseComponent.transform/1.

update(assigns, socket)

Callback implementation for Phoenix.LiveComponent.update/2.