UHasselt Component Library

App indication step 

<div class='mol-indication-step'>
    <span class='step'>Stap 1</span>
    <h2 class="atm-heading ">Periode afwezigheid</h2>
</div>
 
<div class='mol-indication-step'>
    <span class='step'>{{step}}</span>
    {{render '@app-heading--h2' heading merge=true}}
</div>
 
{
  "step": "Stap 1",
  "heading": {
    "text": "Periode afwezigheid"
  }
}
  • Content: 
    .mol-indication-step {
    @apply bg-gray-700 md:bg-white border border-gray-900 border-l-4 border-l-red px-8 pt-4 border-b-gray-100;

    .step {
        @apply text-black-500;
    }
}
  • URL: /components/raw/app-indication-step/app-indication-step.css
  • Filesystem Path: src\components\08-app-molecules\app-indication-step\app-indication-step.css
  • Size: 193 Bytes

No notes defined.