Vebego Component Library

Nav Link: Default 

<a class="atm-nav-link " href="#" title="Nav link" aria-label="" target="">Nav link</a>
 
<a class="atm-nav-link {{modifier}}"
   href="{{href}}"
   title="{{title}}"
   aria-label="{{ariaLabel}}"
   target="{{target}}"
   {{#if isExternal}}rel="noopener noreferrer"{{/if}}
>{{text}}{{#if icon}}{{render '@icon' icon}}{{/if}}</a>
 
{
  "modifier": "",
  "href": "#",
  "text": "Nav link",
  "title": "Nav link",
  "isExternal": false,
  "target": "",
  "ariaLabel": "",
  "icon": false
}
  • Content: 
    .atm-nav-link
{
    @apply font-display text-md font-semibold select-none;

    &:hover
    {
        @apply underline;
    }
    
    .atm-icon
    {
        @apply ml-2;
    }
}
  • URL: /components/raw/nav-link/nav-link.css
  • Filesystem Path: src\components\02-atoms\nav-link\nav-link.css
  • Size: 194 Bytes

No notes defined.