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