Rijksoverheid Snelstart
Deze documentatie biedt een snelle startgids voor het gebruik van het Manon framework en de bijbehorende thema’s in je project. Je kunt ook de tutorial volgen om te leren hoe je de componenten op een meer gestructureerde manier kunt gebruiken. Daarnaast hebben we enkele voorbeeldimplementaties geleverd in verschillende frameworks.
Handmatige installatie
Download Manon en link het manon-themes/dist/manon.min.css in de <head> van je
HTML-bestand:
<link rel="stylesheet" href="path/to/manon.min.css" />
Installatie via CDN
Je kunt ook een thema van Manon gebruiken via jsDelivr CDN. Voeg de
volgende regel toe aan de <head> van je HTML-bestand:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@minvws/manon-themes/manon.min.css" />
Installatie via npm
npm install @minvws/manon @minvws/manon-themes
Je kunt dan een thema van Manon importeren in je Sass-bestand:
@use "@minvws/manon-themes/icore-open";
Je hebt dan de mogelijkheid om specifieke componenten te importeren indien je niet de volledige set nodig hebt:
@use "@minvws/manon/components/hero";
Lees meer informatie in de installatie documentatie over het gebruik van Manon met Sass in je project voor meer maatwerkopties.
Gebruik
Je bent nu klaar om de componenten in je HTML te gebruiken. Volg de instructies in de Componentenbibliotheek over hoe je de componenten importeert en hoe je deze in je HTML kunt gebruiken. Elk component heeft zijn eigen pagina met voorbeelden en codefragmenten.
Wil je weten hoe je een volledige HTML pagina opbouwt? Dan kan je ook de tutorial volgen om te leren hoe je de componenten op een meer gestructureerde manier kunt gebruiken.