Aedis UI

Site Footer

The bottom of a site: links and notes such as the license.

Installation

Once per app, set up Aedis UI. The CLI verifies the signed release before writing anything and pins every dependency:

npx @aedis/cli@0.1.0 init

Import the theme once in your global CSS, after Tailwind:

app/globals.css
@import "tailwindcss";@import "./styles/aedis-theme.css";

Then add the component:

npx @aedis/cli@0.1.0 add site-footer# pnpm dlx @aedis/cli@0.1.0 add site-footer · yarn dlx @aedis/cli@0.1.0 add site-footer · bunx @aedis/cli@0.1.0 add site-footer

Props

PropTypeDefaultDescription
links{ label: string; href: string }[]—Rendered with Link: safe protocols only, external marker and noopener.
childrenReactNode—Notes, e.g. the license line.
labelsPartial<SiteFooterLabels>—label: accessible name of the footer navigation.
classNamestring—Classes for the footer element.

Security

  • Refused URLs render their text without a link.
  • External links never get window.opener or the Referer of this page.