<a class="$$link $$link-primary">Click me</a>
<a class="$$link $$link-primary">Click me</a>
<a class="$$link $$link-primary">Click me</a>
<a class="$$link $$link-primary">Click me</a>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 |
<a class="$$link">Click me</a>
<a class="$$link">Click me</a>
<a class="$$link">Click me</a>
<a class="$$link">Click me</a>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>
<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>
<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>
<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><a class="$$link $$link-secondary">Click me</a>
<a class="$$link $$link-secondary">Click me</a>
<a class="$$link $$link-secondary">Click me</a>
<a class="$$link $$link-secondary">Click me</a><a class="$$link $$link-accent">Click me</a>
<a class="$$link $$link-accent">Click me</a>
<a class="$$link $$link-accent">Click me</a>
<a class="$$link $$link-accent">Click me</a><a class="$$link $$link-neutral">Click me</a>
<a class="$$link $$link-neutral">Click me</a>
<a class="$$link $$link-neutral">Click me</a>
<a class="$$link $$link-neutral">Click me</a><a class="$$link $$link-success">Click me</a>
<a class="$$link $$link-success">Click me</a>
<a class="$$link $$link-success">Click me</a>
<a class="$$link $$link-success">Click me</a><a class="$$link $$link-info">Click me</a>
<a class="$$link $$link-info">Click me</a>
<a class="$$link $$link-info">Click me</a>
<a class="$$link $$link-info">Click me</a><a class="$$link $$link-warning">Click me</a>
<a class="$$link $$link-warning">Click me</a>
<a class="$$link $$link-warning">Click me</a>
<a class="$$link $$link-warning">Click me</a><a class="$$link $$link-error">Click me</a>
<a class="$$link $$link-error">Click me</a>
<a class="$$link $$link-error">Click me</a>
<a class="$$link $$link-error">Click me</a><a class="$$link $$link-hover">Click me</a>
<a class="$$link $$link-hover">Click me</a>
<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
