v1.0.0

Link

Styled anchor elements for inline text links, navigation, and external references.

Default

Standard link styles with color and underline variants.

html
Default link Muted link No underline Bold link 
<a href="#" class="vt-link">Default link</a>
<a href="#" class="vt-link vt-link-muted">Muted link</a>
<a href="#" class="vt-link">External <svg>...</svg></a>

With Icons

Links with trailing or leading icons.

html
External link Learn more View document Download file 
<a href="#" class="vt-link">Default link</a>
<a href="#" class="vt-link vt-link-muted">Muted link</a>
<a href="#" class="vt-link">External <svg>...</svg></a>

Inline

Links within text content.

html

Welcome to Veritheme. Read our documentation for more details on how to get started with the component library.

By signing up, you agree to our Terms of Service and Privacy Policy.

This project is maintained by the Veritheme team. Contributions are welcome on GitHub . 

<p>Read our <a href="#" class="vt-link">documentation</a> for more details.</p>

Navigation Links

Vertical and horizontal link lists for navigation.

html 
<nav class="vt-flex vt-flex-col vt-gap-1">
  <a href="#" class="vt-nav-item vt-active">Overview</a>
  <a href="#" class="vt-nav-item">Components</a>
  <a href="#" class="vt-nav-item">Utilities</a>
</nav>

Link Card

Card-style links for feature highlights or resource lists.

html
Documentation
Get started with Veritheme
Download
Get the latest release
 
<a href="#" class="vt-link">Default link</a>
<a href="#" class="vt-link vt-link-muted">Muted link</a>
<a href="#" class="vt-link">External <svg>...</svg></a>

API Reference

All CSS classes available for the Link component.

Class Type Description
vt-text-info-primary Color Default blue link color
vt-underline vt-underline-offset-2 Decoration Underline with offset for readability
vt-decoration-info-primary/30 Decoration Semi-transparent underline color — becomes solid on hover
vt-text-mains-secondary Color Muted link color for secondary links
vt-text-mains-primary vt-font-medium Color Bold link style for emphasis
vt-inline-flex vt-items-center vt-gap-1 Layout Inline flex layout for icon links
vt-hover:text-info-primary/80 State Hover color fade for plain links
vt-transition-colors Effect Smooth color transition on hover

Accessibility

Keyboard and screen reader support.

Feature Details
Semantics Use a element for navigation, button for actions
External External links should indicate they open in a new tab via aria-label or visible text
Focus Visible focus ring via :focus-visible for keyboard navigation
Descriptive Link text should describe the destination — avoid "Click here" or "Read more"