Footer

Подвал сайта. Pro · Лендинги и бренд › Конверсия и подвал

Установка

npx valyro-cli@latest login
npx valyro-cli@latest add footer

npm install valyro-ui-pro

import 'valyro-ui-pro/styles.css';
import { Footer } from 'valyro-ui-pro';

Prop	Type	Default
`logo`	`ReactNode`		Brand mark at the top of the brand column.
`tagline`	`ReactNode`		Short line under the logo.
`columns`	`FooterColumn[]`		Titled link groups, rendered inside a `<nav>`.
`newsletter`	`ReactNode`		E.g. a NewsletterSignup.
`socials`	`FooterSocialLink[]`		Icon links to social profiles under the tagline.
`copyright`	`ReactNode`		Notice at the start of the bottom bar, e.g. "© 2026 Acme, Inc.".
`legalLinks`	`FooterLink[]`		Small links after the copyright, e.g. Privacy and Terms.
`status`	`FooterStatus`		"All systems normal" indicator with a coloured dot.
`bottomSlot`	`ReactNode`		Right end of the bottom bar, e.g. a theme switcher.
`navLabel`	`string`	`'Footer'`	Accessible name of the link columns' <nav>.
`headingLevel`	`1 \| 2 \| 3 \| 4 \| 5 \| 6`	`2`	Level of the column headings.