Beacon.LiveAdmin.StationUI.HTML.Footer (Beacon LiveAdmin v0.4.0)

View Source

The Footer component includes "simple" (default), and "columns" variant. The default variant will list any footer_link slotted in horizontally, while the columns variant will loop over a grouped list of links under a heading.

<.footer logo_src={~p"/images/my_logo.png"} logo_alt_text="[Organization name] logo">

<:footer_link>
  <.link patch={~p"/"}>
    Home
  </.link>
</:footer_link>
<:footer_link>
  <.link href="https://www.foo.com/blog">
    Blog
  </.link>
</:footer_link>

</.footer>

columns variant

<.footer variant="columns" logo_src={~p"/images/my_logo.png"}>

<:column heading="One">
  <.column_items>
    <:footer_link>
      <.link patch={~p"/"}>
        Home
      </.link>
    </:footer_link>
    <:footer_link >
      <.link href="https://www.foo.com/blog">
        Blog
      </.link>
    </:footer_link>
  </.column_items>
</:column>
<:column heading="Two">
  <.column_items>
    <:footer_link>
      <.link patch={~p"/"}>
        Home
      </.link>
    </:footer_link>
    <:footer_link>
      <.link href="https://www.foo.com/blog">
        Blog
      </.link>
    </:footer_link>
  </.column_items>
</:column>

</.footer>

<.footer>

<:social_icon url="https://www.instagram.com" title="Instagram">
  <svg>
    ...
  </svg>
</:social_icon>
<:social_icon url="https://www.facebook.com" title="Facebook" class="text-[#1877F2]">
  <svg>
    ...
  </svg>
</:social_icon>

</.footer>

Summary

Functions

Slots

  • footer_link - Accepts attributes:
    • class (:string)

Attributes

  • variant (:string) - Defaults to "simple".
  • logo_src (:string) - Defaults to nil.
  • logo_alt_text (:string) - Defaults to "".
  • legal_text (:string) - Defaults to "© 2025 Your Company, Inc. All rights reserved.".

Slots

  • inner_block
  • footer_link - Accepts attributes:
    • class (:string)
  • column - Accepts attributes:
    • heading (:string) (required)
  • social_icon - Accepts attributes:
    • url (:string) (required)
    • title (:string) (required)
    • class (:string)

Functions

column_items(assigns)

Slots

  • footer_link - Accepts attributes:
    • class (:string)

footer(assigns)

Attributes

  • variant (:string) - Defaults to "simple".
  • logo_src (:string) - Defaults to nil.
  • logo_alt_text (:string) - Defaults to "".
  • legal_text (:string) - Defaults to "© 2025 Your Company, Inc. All rights reserved.".

Slots

  • inner_block
  • footer_link - Accepts attributes:
    • class (:string)
  • column - Accepts attributes:
    • heading (:string) (required)
  • social_icon - Accepts attributes:
    • url (:string) (required)
    • title (:string) (required)
    • class (:string)