Link

A versatile component for navigation and interaction.

Usage

Import the Link component from @bun-ui/react and use it in your project:

import { Link } from "@bun-ui/react"

<Link href="#">Visit Example</Link>

Examples

Custom Rendering

The Link component supports rendering as a custom child element using the asChild prop. This is useful for integrating with other components like buttons.

Underline

Color

Customization

The Link component can be customized using the className prop or by extending its styles with your design system.

<Link href="#" className="text-blue-500 underline hover:text-blue-700">
  Custom Styled Link
</Link>