Beacon.LiveAdmin.StationUI.HTML.Footer (Beacon LiveAdmin v0.4.0)
View SourceThe 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.
Default Footer example
<.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>
Both variants accept social links and icons
<.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 tonil
.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
)