email-organizer/offline-docs/daisyui/link.md

daisyUI Documentation - Link Component

Link adds the missing underline style to links.

Classes and Usage

Core Classes:

• link - Adds underline
• link-hover - Only shows underline on hover
• link-neutral - neutral color
• link-primary - primary color
• link-secondary - secondary color
• link-accent - accent color
• link-success - success color
• link-info - info color
• link-warning - warning color
• link-error - error color

Examples

Basic Link

<a class="link">Click me</a>

Link with Tailwind Reset

Tailwind CSS resets the style of links by default.
Add "link" class to make it look like a again.

<p>
  Tailwind CSS resets the style of links by default.
  <br />
  Add "link" class to make it look like a
  <a class="link">normal link</a>
  again.
</p>

Link Colors

Primary color

<a class="link link-primary">Click me</a>

Secondary color

<a class="link link-secondary">Click me</a>

Accent color

<a class="link link-accent">Click me</a>

Neutral color

<a class="link link-neutral">Click me</a>

Success color

<a class="link link-success">Click me</a>

Info color

<a class="link link-info">Click me</a>

Warning color

<a class="link link-warning">Click me</a>

Error color

<a class="link link-error">Click me</a>

Show Underline Only on Hover

<a class="link link-hover">Click me</a>

Features

• Adds underline style to links
• Multiple color variants
• Hover-only underline option
• Works with Tailwind CSS reset styles

This component is useful for creating styled links that have proper underline styling and can be customized with different colors.