Link

~Link

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

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

~Link

Add "link" class to make it look like a <button class="link">normal link</button> again.

<p>
  Tailwind CSS resets the style of links by default.
  

  Add "link" class to make it look like a
  <a class="$$link">normal link</a>
  again.
</p>

~Primary color

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

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

~Secondary color

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

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

~Accent color

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

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

~Success color

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

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

~Info color

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

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

~Warning color

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

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

~Error color

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

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

~Show underline only on hover

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

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