UHasselt Component Library

App Add Course 

<div class='add-course'>
    <span class="atm-icon fal fa-layer-plus  fa-5x " aria-hidden="true"></span>
    <h3 class="atm-heading ">Voeg een opleidingsonderdeel toe</h3>
    <div class='atm-paragraph '>Gelieve een opleidingsonderdeel toe te voegen door de dropdown te gebruiken hieronder.</div>

</div>
 
<div class='add-course'>
    {{render '@app-icon' course-plus merge=true}}
    {{render '@app-heading--h3' title merge=true}}
    {{render '@app-paragraph' paragraph merge=true}}
</div>
 
{
  "course-plus": {
    "icon": "fa-layer-plus",
    "style": "fal",
    "size": "fa-5x"
  },
  "title": {
    "text": "Voeg een opleidingsonderdeel toe"
  },
  "paragraph": {
    "text": "Gelieve een opleidingsonderdeel toe te voegen door de dropdown te gebruiken hieronder."
  }
}
  • Content: 
    .add-course {
    @apply bg-white border border-gray-700 text-center p-8;
    .atm-icon {
        @apply text-black-400 mb-4;
    }
    .atm-heading {
        @apply text-red;
    }
}
  • URL: /components/raw/app-add-course/app-add-course.css
  • Filesystem Path: src\components\08-app-molecules\app-add-course\app-add-course.css
  • Size: 193 Bytes

No notes defined.