DEVELOPMENT PREVIEWIn development

footer API

layout/footer.tsx

Footer

Props

PropTypeDefaultDescription
variant
FooterVariant | "simple" | "sections" | "modern" | "minimal" | "glass" | "epic" | undefinedFooterVariant.SimpleLayout.
sections
{} | undefined[]Link columns — rendered only by the rich variants (`sections`, `modern`, `epic`).
links
{} | undefined[]Flat link row: the whole body in `simple`/`glass`, the bottom bar in rich variants.
copyright
any—Copyright line — rendered by every variant.
logo
any—Brand mark — shown by `minimal` and the rich variants.
tagline
any—Short blurb rendered near the logo in rich variants.
social
{} | undefined[]Social links, rendered as round icon buttons in the rich variants.
newsletter
NewsletterFormProps | undefined—Newsletter signup. From client components pass `onSubmit`; from Server Components pass `action` (a URL or server action) — functions that are not server actions cannot cross the RSC boundary.
Show native HTML props

Native HTML Props

PropTypeDefaultDescription
className
string | undefined—

FooterVariant

FooterVariant.Simple

FooterVariant.Sections

FooterVariant.Modern

FooterVariant.Minimal

FooterVariant.Glass

FooterVariant.Epic