Vebego Component Library

Play 

<a class="atm-play " title="Bekijk film">
    <span class="atm-icon  fal fa-play-circle  fa-md "></span>
    <span class="text">
        Bekijk film
    </span>
</a>
 
<{{element}}
  class="atm-play {{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 isLightbox}}data-fslightbox{{/if}}>
    {{#if icon}}
      {{ render '@icon' icon }}
    {{/if}}
    <span class="text">
      {{text}}
    </span>
</{{element}}>
 
{
  "modifier": "",
  "element": "a",
  "type": "",
  "title": "Bekijk film",
  "text": "Bekijk film",
  "target": "",
  "href": "",
  "id": "",
  "isDisabled": false,
  "isLightbox": false,
  "icon": {
    "style": "fal",
    "icon": "fa-play-circle",
    "size": "fa-md"
  }
}
  • Content: 
    .atm-play {
    @apply inline-block h-12 px-4;
    @apply bg-white text-cta;
    @apply font-display;
    @apply cursor-pointer no-underline;
    line-height: 3rem;

    .atm-icon {
        @apply mr-2;
    }

    .text {
        @apply text-sm;
    }
}
  • URL: /components/raw/play/play.css
  • Filesystem Path: src\components\02-atoms\play\play.css
  • Size: 269 Bytes

No notes defined.