Vebego Component Library

Step 

<div class="atm-step">
    <div class="atm-badge ">Stap 1</div>

    <h5 class="atm-heading ">Solliciteer hier!</h5>

    <div class="atm-paragraph text-md">Gebruik het formulier op deze pagina! We reageren binnen 2 werkdagen op jouw sollicitatie!</div>

</div>
 
<div class="atm-step">
    {{#if badge}}
        {{render '@badge' title merge=true}}
    {{/if}}
    
    {{#if title}}
        {{render '@heading' title merge=true}}
    {{/if}}
    
    {{#if description}}
        {{render '@paragraph' description merge=true}}
    {{/if}}
</div>
 
{
  "badge": "Stap 1",
  "title": {
    "text": "Solliciteer hier!",
    "tag": "h5"
  },
  "description": {
    "text": "Gebruik het formulier op deze pagina! We reageren binnen 2 werkdagen op jouw sollicitatie!"
  }
}
  • Content: 
    .atm-step {
    @apply p-6;

    .step-badge {
        @apply inline-block font-display bg-primary text-white px-4 py-3 rounded-lg mb-4 text-sm;
    }

    .atm-heading {
        @apply mb-2;
    }
}
  • URL: /components/raw/step/step.css
  • Filesystem Path: src\components\02-atoms\step\step.css
  • Size: 211 Bytes

No notes defined.