footer-minimal

Footer Minimal

Single-row footer with the logo, a few links and social icons under a rule.

States: Default, Focus

Parts

Part	File	Does
FooterMinimal	FooterMinimal.vue	Shows the brand, a short row of links, social links and the copyright.

Styling

Part	Recipe
FooterMinimal	footer-minimal
FooterMinimal	footer-minimal-logo
FooterMinimal	hint
FooterMinimal	link

Install

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

Installs with it: separator; text

Built from

Separator

API reference

FooterMinimal FooterMinimal.vue

Shows the brand, a short row of links, social links and the copyright. Renders a <footer>.

Prop	Type	Default
links	FooterLink[]	[]

brandName	string	'STORE'

homeHref	string	'/'

socialLinks	FooterSocialLink[]	[ { label: 'Instagram', href: '#', icon: 'instagram' }, { label: 'X', href: '#', icon: 'x' }, { label: 'Facebook', href: '#', icon: 'facebook' }, ]

copyright	string	'© {year}'

class	ClassValue	—

Recipe footer-minimal	Sets
base: footer-minimal	1 property

Recipe footer-minimal-logo	Sets
base: footer-minimal-logo	3 properties · 2 inherited

focus-ringshared state	3 properties

Recipe hint	Sets
base: hint	2 properties

Recipe link	Sets
base: link	3 properties

focus-ringshared state	3 properties

Example