Skip to content
CtrlK

ArdoNavLink

On this page

Navigation link component supporting both internal routes and external URLs.

import { ArdoNavLink } from "ardo/ui"

<ArdoNavLink>{children}</ArdoNavLink>

Props

NameTypeRequiredDescription
toRoutePathNoInternal page path such as /guide
hrefstringNoExternal URL (uses anchor tag)
childrenReactNodeYesLink text or children
classNamestringNoAdditional CSS classes
activeMatchstringNoActive state match pattern

Props type: ArdoNavLinkProps

Example

// Internal link
<ArdoNavLink to="/guide">Guide</ArdoNavLink>

// External link
<ArdoNavLink href="https://github.com/...">GitHub</ArdoNavLink>