Link

Documentation and examples for the Link component.

Preview

Properties

PropTypeDefaultDescription
hrefstring-The destination URL.
classNamestringdefault classesVisual styling.
asChildbooleanfalseDisables default classes for custom child rendering.

Usage

Follow these steps to add and use Link.

1

Create next app (skip if you already have setup a next app)

terminal
npx create-next-app@latest --yes
2

Install

terminal
npx modui-uikit@latest add link
3

Implement

typescript
import { Link } from '@/components/ui/link'
  
  export default function Example() {
    return (
      <Link href="github.com">
        This link will redirect user to github.com
      </Link>
    )
  }