UI Showcase
Overzicht van herbruikbare componenten: KPI-kaarten, badges, formulieren, tabellen, modals, alerts en meer. Gebruikt in de Modulyx demo-omgeving.
KPI-kaarten
Stat cards met animaties en delta-indicatoren
€ 0
Omzet
0
Klanten
0
Facturen
0
Medewerkers
Status badges
Badges voor klanten, werkbonnen, facturen en prioriteit
Klant
Werkbon
Factuur
Prioriteit
Alerts
Informatieve meldingen voor feedback
Informatie
Dit is een informatieve melding. Gebruik voor tips of context.
Succes
De actie is succesvol uitgevoerd.
Waarschuwing
Let op: controleer de invoer voordat je doorgaat.
Fout
Er is iets misgegaan. Probeer het opnieuw.
Tabs
Navigatie tussen secties
Algemene instellingen en profielgegevens.
Vul hier je bedrijfsnaam, adres en contactgegevens in.
Formulier
Inputvelden en knoppen
Voortgang
Breadcrumbs
Empty state
Geen items gevonden
Er zijn nog geen items om weer te geven. Voeg een nieuw item toe om te beginnen.
Kaarten
Content cards met hover-effecten
Klanten
Beheer klantgegevens en contacten.
Facturatie
Facturen aanmaken en versturen.
Werkbonnen
Werkorders en planning.
Rapportages
Inzichten en statistieken.
Kanban
Kolommen voor taken of werkbonnen
Te doen
3Item 1
Subtitel of beschrijving
Item 2
Subtitel of beschrijving
Bezig
2Item 1
Subtitel of beschrijving
Item 2
Subtitel of beschrijving
Klaar
4Item 1
Subtitel of beschrijving
Item 2
Subtitel of beschrijving
Loading skeletons
Placeholders tijdens het laden
Stat cards
Chart
Tabel
Tabel
Data grid met status badges
| Naam | Type | Status |
|---|---|---|
| Vestia Groep | Klant | Actief |
| WB-2024-001 | Werkbon | Open |
| F-2024-103 | Factuur | Betaald |
Modal
Dialoogvenster voor bevestigingen
Inputs & knoppen
Zoekveld en button-varianten