Componenten
Componenten
Overzicht van alle herbruikbare bouwstenen
SearchBar
Echt een werkend tekstveld (via v-model) — typ hierboven en zie het live terug: “”. Zie /nieuws-en-activiteiten/smoelenboek voor een voorbeeld met live filteren.
QuickAction
InfoCard
NewsCard
SectionHeader
Nieuws
Meer nieuwsListCard
PersonListItem
Optionele tags-prop (bijv. BHV, PV, OR, MT) toont badges onder de functie. Gebruikt op /nieuws-en-activiteiten/smoelenboek met alle 351 medewerkers uit app/data/medewerkers.json.
ImageCard
Kaart met afbeelding bovenaan, voor een grid van gelijkwaardige onderdelen. Gebruikt op /mijn-werk/boost-yourself (4 naast elkaar op desktop, gestapeld op mobiel).
FaqItem
Klapt open/dicht bij een klik. De optionele answer-prop toont het antwoord; zonder answer verschijnt een placeholder (“Antwoord volgt”).
CarouselDots
Paginacomponenten
PageHeader — donkere mobiele koptekst met status bar en terugknop, of gekleurde titel/subtitel op desktop. Zie de kop van deze pagina.
ComingSoon — placeholder voor schermen die nog niet zijn uitgewerkt, bijvoorbeeld op “Mijn werk”.
BottomNav / DesktopNav — de globale navigatie onderaan (mobiel) of bovenaan (desktop), zie app/layouts/default.vue.