Link Component

The Link component renders a styled anchor (<a>) element with customizable tooltip support. It includes styles for hover and focus states, and adapts to dark mode.

Example Usage

<x-link href="#" target="_blank" tooltip="Open in a new tab">
    Visit Website
</x-link>

Props

• tooltip (string|null)
  Tooltip text displayed when hovering over the link.

Overview

This Link component provides a consistent, accessible styled hyperlink with underline and color effects on hover and focus. It supports tooltips via Alpine.js and uses Tailwind CSS for styling, including dark mode compatibility.