Link

Examples

Link

<div class="text-center">
  <dv-link>I'm a simple link</dv-link>
</div>
vue

Link

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

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

Link type color

<div class="flex flex-col items-center space-y-2">
  <dv-link variant="neutral">neutral color</dv-link>
  <dv-link variant="primary">primary color</dv-link>
  <dv-link variant="secondary">secondary color</dv-link>
  <dv-link variant="accent">accent color</dv-link>
</div>
vue

Show underline only on hover

<div class="text-center">
  <dv-link enableHoverClass>I'm a simple link</dv-link>
</div>
vue

Link

Attributes

namedescriptiontypedefault
variantlink color typeneutral, primary, secondary, accentneutral
enableHoverClassshow underline only on hoverbooleanfalse