Vebego Component Library

Prev Next 

<!-- Prev -->
<a class="atm-prev-next prev-next-prev" title="Vorige">
    <span class="atm-icon  fal fa-chevron-left  fa-md "></span>
</a>


<!-- Next -->
<a class="atm-prev-next prev-next-next" title="Volgende">
    <span class="atm-icon  fal fa-chevron-right  fa-md "></span>
</a>


<{{element}}
  class="atm-prev-next {{modifier}}"
  {{#if type}}type="{{type}}"{{/if}}
  {{#if title}}title="{{title}}"{{/if}}
  {{#if href}}href="{{href}}"{{/if}}
  {{#if target}}target="{{target}}"{{/if}}
  {{#if id}}id="{{id}}"{{/if}}
  {{#if isDisabled}}disabled{{/if}}>
    {{#if icon}}
      {{ render '@icon' icon }}
    {{/if}}
</{{element}}>
 
/* Prev */
{
  "modifier": "prev-next-prev",
  "element": "a",
  "type": "",
  "title": "Vorige",
  "target": "",
  "href": "",
  "id": "",
  "isDisabled": false,
  "icon": {
    "style": "fal",
    "icon": "fa-chevron-left",
    "size": "fa-md"
  }
}


/* Next */
{
  "modifier": "prev-next-next",
  "element": "a",
  "type": "",
  "title": "Volgende",
  "target": "",
  "href": "",
  "id": "",
  "isDisabled": false,
  "icon": {
    "style": "fal",
    "icon": "fa-chevron-right",
    "size": "fa-md"
  }
}
  • Content: 
    .atm-prev-next
{
    @apply flex w-12 h-12 justify-center items-center;
    @apply bg-white;
    @apply cursor-pointer no-underline;
}
  • URL: /components/raw/prev-next/prev-next.css
  • Filesystem Path: src\components\02-atoms\prev-next\prev-next.css
  • Size: 141 Bytes

No notes defined.