Link

npm package: import it from 'flootlets'

bun add flootlets

Or copy it in with the shadcn CLI: import it from '@/components/ui/…'

npx shadcn@latest add https://dyeoh.github.io/flootlets/r/link.json

Both need Tailwind CSS v4; see Installation for the setup.

Read our returns policy, or track your parcel on Pos Malaysia (opens in a new tab).

export default function LinkExamples() {
  return (
    <p>
      Read our <Link href="#returns">returns policy</Link>, or track your parcel on{' '}
      <Link href="https://www.pos.com.my" external>
        Pos Malaysia
      </Link>
      .
    </p>
  );
}

With external, the link opens in a new tab with rel="noopener noreferrer", and screen readers hear “(opens in a new tab)” so it’s never a surprise. For links that look like buttons, use Button with href.

Prop	Type
href	string	required
external	boolean	Open in a new tab, safely