Header Title (44px)
Header H1 ( Medium) 37px
Header H1 ( small ) 31px
Header H2 (Medium) 31 px
Header H2 (small) 25px
Header H3 (Medium) 25 px
Header H3 (small) 21px
Header H4 (Medium) 21 px
Header H4 (small)18px
Texten
body-medium-default ( 18px )
body-medium-bold ( 18px )
body-small-default
body-small-bold
body-xs-default
body-xs-bold
Dit is een beetje tekst
Themas / Kleuren
Knoppen
Icon button md:
Icon button small:
Input
Cards
Promoted card
Spacing
Margin 1 ( ms-1, mt-1, me-t mb-1 me-1 mx-1 my-1 (~4px)
Margin 2 ( ms-2, mt-2, me-2 mb-2 me-1 mx-2 my-2 (~8px)
Margin 3 ( ms-3, mt-3, me-3 mb-3 me-3 mx-3 my-3 (~16px)
Margin 4 ( ms-4, mt-4, me-4 mb-4 me-4 mx-4 my-4 (~24px)
Margin 5 ( ms-5, mt-5, me-5 mb-5 me-5 mx-5 my-5 (~32px)
Margin 6 ( ms-6, mt-6, me-6 mb-6 me-6 mx-6 my-6 (~48px)
Margin 7 ( ms-7, mt-7, me-7 mb-7 me-7 mx-7 my-7 (~64px)
Margin 8 ( ms-8, mt-8, me-8 mb-8 me-8 mx-8 my-8 (~72px)
Alerts
Warning alert
Warning secondary
Warning secondary
Warning primary
Alert Small
Dropdowns
Klik op de plus om de dropdown te tonen
Checkbox
Toggle
Toggle small
Borders
Border
Border top
Border start
Border bottom
Border end
Other
zoekbalk
klein blokje |
klein blokje |
UITGELICHT
KLASSEWERKPLEK
Een tag
Een blauwe tag
Een oranje tag
Een roze tag
Een rode tag
Slider
Utilities
Blazor
Performance
Modal
File drag drop
Scholen
Images: cover-center