Link

Link adds the missing underline style to links.

Class name
Type
link
Component
Adds underline
link-hover
Style
Only shows underline on hover
link-neutral
Color
neutral color
link-primary
Color
primary color
link-secondary
Color
secondary color
link-accent
Color
accent color
link-success
Color
success color
link-info
Color
info color
link-warning
Color
warning color
link-error
Color
error color

Primary color

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

Secondary color

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

Accent color

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

Neutral color

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

Success color

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

Info color

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

Warning color

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

Error color

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

Show underline only on hover

<a class="$$link $$link-hover">Click me</a>
<a class="$$link $$link-hover">Click me</a>
Do you have a question? Ask on GitHub or Discord server
Do you see a bug? open an issue on GitHub
Do you like daisyUI? Post about it!
Support daisyUI's development: Open Collective
daisyUI store

Official daisyUI
Figma Library

Available on daisyUI store

More details