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
name | description | type | default |
---|---|---|---|
variant | link color type | neutral, primary, secondary, accent | neutral |
enableHoverClass | show underline only on hover | boolean | false |