Link

The Link component is designed to provide a consistent and accessible way to handle both internal and external links in your application.

Usage

First of all, you need to import the Link component from the kitchn package.

import { Link } from "kitchn"

Name	Type	Default	Required	Description
`href`	`string \| UrlObject`	`undefined`	No	The URL to navigate to when the link is clicked.
`onClick`	`(_event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void`	`undefined`	No	Function to handle click events.
`disabled`	`boolean`	`false`	No	Disables the link, preventing navigation and modifying its styling.
`variant`	`"highlight" \| "primary" \| "secondary" \| "blend"`	`undefined`	No	Specifies the visual style of the link.

Name	Type	Default	Required	Description
`id`	`string`	`undefined`	Yes	The ID of the element to link to within the page.