<CompactFooter>

Image of the CompactFooter component with an app icon, a single row of links, and footnotes


<CompactFooter
  appIcon={
    <AppIcon src="/app_view/icon_placeholder.png" size={40} mask={true} />
  }
  links={[
    { label: "Features", href: "#features" },
    { label: "Pricing", href: "#pricing" },
    { label: "Support", href: "/support", external: true },
  ]}
  footnoteLeading={<span>© 2025 Your App</span>}
  footnoteTrailing={<span>Privacy · Terms</span>}
/>

Properties

Property	Value	Description
`appIcon`	`<AppIcon>`	See <AppIcon> component reference for more details.
`links`	`{ label: string; href: string; external?: boolean }[]`	Footer links. Use `external` for links that should open in a new tab.
`footnoteLeading`	`stringComponent`	Optional content shown on the left side of the footnote row.
`footnoteTrailing`	`stringComponent`	Optional content shown on the right side of the footnote row.