Menu Uno designsysteem 5.1.26

Card

Een card toont een klein stukje informatie met een link naar meer info. Cards worden altijd buiten een content-block geplaatst. Een card heeft een beperkte breedte, dit kan tot problemen leiden met lange woorden. Plaats een ​ in lange woorden op de plaats waar het woord afgebroken mag worden.

Wanneer er maar één card in de lijst zit, wordt deze altijd als de mobiele weergave getoond. Dit kan ook worden afgedwongen door de modifier list--card-small toe te voegen aan de lijst en elke card de modifier card--small te geven. Wanneer er altijd maar één card is, dan is een lijst niet nodig, en kan een losse card gebruikt worden.

Cards column (tiles)

Met cards column is het mogelijk verticaal te ordenen. Dit zijn tegels waar content in kan worden gezet. Zet dit binnen de class modifier card__content om dit toe te passen. De card-column is alleen toegestaan op een pagina met volledige breedte. Bekijk hier het voorbeeld

De cards zullen op mobiele apparaten onder elkaar getoond worden.

  • Studieschuld

    Studieschuld aflossen
    €12.345,67
  • Levenkrediet

    Wilt u een opleiding gaan volgen, maar heeft u geen recht (meer) op studiefinanciering? Vanaf het studiejaar 2017-2018 kan iedereen tot 55 jaar geld lenen om collegegeld of lesgeld te betalen. Dit heet het ‘levenlanglerenkrediet’.

    Zie voorwaarden Levenlanglerenkrediet

  • Lerarenbeurs

    Bent u leraar en wilt u een bachelor- of masteropleiding gaan volgen? Vraag hier uw lerarenbeurs aan. Of raadpleeg/wijzig hier uw aanvraag.

  • Berichten

    • Betalingsverzoek

      13 november 2018

    • Betalingsverzoek

      13 november 2018

    • Betalingsverzoek

      13 november 2018

  • Diplomaregister

    Het diplomaregister bevat de gegevens van diploma's die door de onderwijsinstellingen zijn aangeleverd aan DUO. U kunt in het register een digitaal uittreksel van uw diplomagegevens downloaden, bijvoorbeeld als u het origineel kwijt bent door brand of diefstal

Benodigde stylesheets

  • /uno/components/list/list-card.css
  • /uno/components/card/card.css
  • /uno/components/meta/meta.css
  • /uno/components/tabs/tabs.css
  • /uno/components/badge/badge.css
  • /uno/components/tabs/tabs.css
  • /uno/components/list/definition-list.css