Tables
Gestructureerde data weergave met goede leesbaarheid en consistente styling.
Standard table
| Naam | Categorie | Status | Datum |
|---|---|---|---|
| Project Alpha | Design | Actief | 15 jan 2024 |
| Project Beta | Development | In review | 22 jan 2024 |
| Project Gamma | Branding | Concept | 28 jan 2024 |
| Project Delta | Strategy | Actief | 3 feb 2024 |
Gestreepte table
Betere leesbaarheid bij veel rijen.
| Token | Value | Description |
|---|---|---|
--space-1 | 4px | Extra small spacing |
--space-2 | 8px | Small spacing |
--space-3 | 12px | Medium-small spacing |
--space-4 | 16px | Medium spacing |
--space-5 | 20px | Medium-large spacing |
--space-6 | 24px | Large spacing |
Compacte table
Voor dense data of beperkte ruimte.
| ID | Naam | Rol | |
|---|---|---|---|
| 001 | Jan de Vries | jan@example.nl | Admin |
| 002 | Marie Jansen | marie@example.nl | Editor |
| 003 | Pieter Bakker | pieter@example.nl | Viewer |
| 004 | Anna Smit | anna@example.nl | Editor |
| 005 | Tom Visser | tom@example.nl | Admin |
Table met acties
| Project | Client | Deadline | Acties |
|---|---|---|---|
| Website redesign | Acme Corp | 15 maart 2024 | |
| Mobile app | TechStart | 28 maart 2024 |