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. |