Aedis UI

Link

An anchor for URLs that come from content or configuration.

Read the theming guide, the source (external site) or a refused link.

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 link# pnpm dlx @aedis/cli@0.1.0 add link · yarn dlx @aedis/cli@0.1.0 add link · bunx @aedis/cli@0.1.0 add link

Props

PropTypeDefaultDescription
hrefstring—Any URL; only http, https, mailto and relative ones become links.
linkProps(href){ href | null; external; rel }—The same rules for components that render their own anchor.
labelsPartial<LinkLabels>—external: the screen-reader text after external links.

Security

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