ArdoFooter

On this page

Footer component with structured layout for project info, sponsor, and build metadata.

Automatically pulls data from Ardo context (config.project, config.buildTime, config.buildHash). Props serve as overrides.

When children is provided, all automatic rendering is skipped.

import { ArdoFooter } from "ardo/ui"

<ArdoFooter>{children}</ArdoFooter>

Props

Name	Type	Required	Description
`message`	`ReactNode`	No	Footer message rendered as React content. Strings are escaped.
`trustedMessageHtml`	`string`	No	Trusted footer message HTML. Use only for markup you fully control.
`copyright`	`ReactNode`	No	Copyright text rendered as React content. Strings are escaped.
`trustedCopyrightHtml`	`string`	No	Trusted copyright HTML. Use only for markup you fully control.
`children`	`ReactNode`	No	Custom content (overrides all automatic rendering)
`className`	`string`	No	Additional CSS classes
`project`	`ProjectMeta`	No	Project metadata — renders linked "name vX.Y.Z"
`sponsor`	`SponsorConfig`	No	Sponsor link — renders "Sponsored by X"
`buildTime`	`string`	No	Build timestamp (ISO string) — renders formatted date
`buildHash`	`string`	No	Git commit hash — rendered next to the build date
`ardoLink`	`boolean`	No	Show "Built with Ardo" link (default: true)

Props type: ArdoFooterProps

Example

Automatic (zero-config)

<ArdoFooter />

Example

With overrides

<ArdoFooter
  sponsor={{ text: "Sebastian Software", link: "https://sebastian-software.com/oss" }}
  message="Released under the MIT License."
  copyright="Copyright 2026 Sebastian Software GmbH"
/>

Example

Trusted HTML opt-in

<ArdoFooter trustedMessageHtml={'Released under the <a href="/license">MIT License</a>.'} />

Example

Custom content

<ArdoFooter>
  <CustomFooterContent />
</ArdoFooter>