Configurators
Een korte beschrijving van wat jouw library doet en de belangrijkste kenmerken ervan.
Installatie
Je kunt de library installeren met npm:
npm install jouw-library-naam
of met Yarn:
yarn add jouw-library-naam
Gebruik
Na de installatie kun je de componenten en stijlen van de library importeren in jouw project.
Globale Stijlen
Om de globale stijlen van de library te gebruiken, importeer je het style.css
bestand in jouw hoofd JavaScript- of Vue-bestand:
import 'jouw-library-naam/dist/lib/style.css';
Dit zal de standaardstijlen toepassen die bij de library horen.
Thema's Gebruiken
Als je een specifiek thema wilt toepassen, kun je het thema-bestand importeren in jouw project:
// Voor het toepassen van het donkere thema
import 'jouw-library-naam/lib/themes/dark.css';
// Voor het toepassen van het lichte thema
import 'jouw-library-naam/lib/themes/light.css';
Als je project SCSS-bestanden ondersteunt, kun je ook het SCSS-themabestand rechtstreeks importeren:
// In een .scss-bestand of binnen een <style lang="scss"> blok in een .vue-bestand
@import '~jouw-library-naam/lib/themes/dark.scss';
Eigen Thema's Aanmaken
Je kunt je eigen thema's aanmaken door de thema-specifieke SCSS-variabelen te overschrijven voordat je een themabestand importeert:
// Definieer je eigen aangepaste variabelen
--ceinconf-primary-color: #5b8bf7;
--ceinconf-secondary-color: #ff4081;
// Importeer het themabestand na het definiëren van je variabelen
@import '~jouw-library-naam/lib/themes/light.scss';
Vergeet niet de plaatsaanduiding jouw-library-naam
te vervangen met de daadwerkelijke naam van je NPM package. Zorg er ook voor dat de paden naar de CSS- en SCSS-bestanden correct zijn en overeenkomen met de structuur van je package.