Surface.Components.Link (surface v0.3.2) View Source

Generates a link to the given URL.

Provides similar capabilities to Phoenix's built-in link/2 function.

Options label and class can be set directly and will override anything in opts. All other options are forwarded to the underlying <a> tag.

Examples

<Link
  label="user"
  to="/users/1"
  class="is-danger"
  opts={{ method: :delete, data: [confirm: "Really?"] }}
/>

<Link
  to="/users/1"
  class="is-link"
>
  <span>user</span>
</Link>

Properties

  • to :any, required: true - The page to link to.
  • method :atom, default: :get - The method to use with the link.
  • class :css_class - Class or classes to apply to the link.
  • label :string - The label for the generated <a> element, if no content (default slot) is provided. .
  • click :event - Triggered on click.
  • opts :keyword, default: [] - Additional attributes to add onto the generated element .

Link to this section Summary

Link to this section Functions

Callback implementation for Phoenix.LiveComponent.mount/1.

Callback implementation for Phoenix.LiveComponent.render/1.

Callback implementation for Phoenix.LiveComponent.update/2.