Link

A Link component is a UI element that allows users to navigate from one page or section to another within a web application or website. Typically styled as underlined text or buttons, links provide a clear indication of interactivity. They can point to internal or external resources and often include features like hover effects or icons to enhance user experience and accessibility.

Demo

Rendered live, with the same build of the library you install.

Usage

Link.tsx
import { NLink } from '@nayan-ui/react';
const Link = () => {
return (
<div>
<NLink href="/react/components">Browse the components</NLink>
<NLink href="https://www.nayanui.com" target="_blank">
Open nayanui.com in a new tab
</NLink>
</div>
);
};
export default Link;

Attributes

3 props
NameTypeDefaultDetails
hrefstringOptionalURL for anchor links.
childrenReact.ReactNodeRequiredLink content.
classNamestring' 'You can customise by passing tailwind classes.

Tags

Other components solving nearby problems.