Link

Usage

import { Link } from '@zalify-ui/react'

<Link href="...">Click here</Link>

Examples

Variants

Use the variant prop to change the visual style of the Link component.

Within Text

Integrate links within text content while maintaining readability.

Icon

Add visual indicators for external links to improve user experience.

Routing Library

Use the asChild prop to compose Link with framework-specific routing components like Next.js Link.

import NextLink from 'next/link'
import { Link } from '@zalify-ui/react'

export const App = () => {
  return (
    <Link asChild>
      <NextLink href="/about">Click here</NextLink>
    </Link>
  )
}

Props