← Frontic UI
footer-rich

Footer Rich

Footer with a newsletter signup, social links and link columns over a dark legal bar.

States: Default, Hover, Focus

Parts

PartFileDoes
FooterRichFooterRich.vueShows link groups with a newsletter signup, social links and the legal links.

Styling

PartRecipe
FooterRichfooter-rich
FooterRichfooter-rich-newsletter
FooterRichfooter-rich-heading
FooterRichfooter-rich-legal
FooterRichfooter-rich-legal-link
FooterRichfooter-rich-legal-logo
FooterRichfooter-rich-legal-note
FooterRichfooter-rich-title
FooterRichhint
FooterRichlink

Install

Writes 3 files into components/sections/footer-rich/. For agents, npx @frontic/ui docs footer-rich prints this reference as markdown; the MCP server serves the same.

Installs with it
button
input
text

Built from

ButtonInput

API reference

FooterRich FooterRich.vue

Shows link groups with a newsletter signup, social links and the legal links. Renders a <footer>.

PropTypeDefault
linkGroupsFooterLinkGroup[][]
brandNamestring'STORE'
newsletterHeadingstring'Stay in the loop'
newsletterDescriptionstring'Subscribe to get special offers, new arrivals, and style tips.'
emailPlaceholderstring'Enter your email'
subscribeLabelstring'Subscribe'
copyrightstring'© {year} All rights reserved.'
classClassValue—
EventPayload
subscribeemail: string
Recipe footer-richSets
base: footer-rich 1 property
Recipe footer-rich-newsletterSets
base: footer-rich-newsletter 1 property
Recipe footer-rich-headingSets
base: footer-rich-heading 1 property
Recipe footer-rich-titleSets
base: footer-rich-title 2 properties · 2 inherited
Recipe hintSets
base: hint 2 properties
Example
State