footer-trust

Footer Trust

Footer with four trust points, payment method badges and legal links.

States: Default, Focus

Parts

Part	File	Does
FooterTrust	FooterTrust.vue	Shows trust points such as shipping and returns, accepted payment methods and legal links.

Styling

Part	Recipe
FooterTrust	footer-trust
FooterTrust	footer-trust-icon
FooterTrust	section-title
FooterTrust	meta
FooterTrust	hint
FooterTrust	link

Install

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

Installs with it: badge; separator; text
npm packages: @lucide/vue

Built from

Badge Separator

API reference

FooterTrust FooterTrust.vue

Shows trust points such as shipping and returns, accepted payment methods and legal links. Renders a <footer>.

Prop	Type	Default
items	FooterTrustItem[]	[]

paymentMethods	string[]	[]

legalLinks	FooterLink[]	[]

brandName	string	'STORE'

paymentsLabel	string	'We accept'

copyright	string	'© {year} {brand}'

class	ClassValue	—

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

Recipe footer-trust-icon	Sets
base: footer-trust-icon	4 properties

Recipe section-title	Sets
base: section-title	2 properties

Recipe meta	Sets
base: meta	3 properties

Recipe hint	Sets
base: hint	2 properties

Recipe link	Sets
base: link	3 properties

focus-ringshared state	3 properties

Example