The library is still in early development. Breaking changes and bugs may occur without prior notice. Thanks for your interest in using the library!
A versatile component for navigation and interaction.
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>The Link component supports rendering as a custom child element using the
asChild prop. This is useful for integrating with other components like
buttons.
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>| Prop | Type | Default | Description |
|---|---|---|---|
asChild | boolean | false | Change the default rendered element for the one passed as a child, merging their props and behavior. |
color | "primary" | "secondary" | "destructive" | "neutral" | "primary" | Color of the link. |
underline | "none" | "always" | "hover" | "always" | When the link should have an underline. |