Pour tout problème contactez-nous par mail : support@froggit.fr | La FAQ :grey_question: | Rejoignez-nous sur le Chat :speech_balloon:

Skip to content
Snippets Groups Projects

Resolve "doc: improve a component"

Merged Julie Thezenas requested to merge 73-doc-improve-a-component into master
1 file
+ 20
0
Compare changes
  • Side-by-side
  • Inline
+ 20
0
@@ -13,3 +13,23 @@ html[data-theme='dark'] .menu__link {
```
Pour les couleurs, **Infima** utilise un nuancier sur [Colorbox](https://colorbox.io/).
## Le Swizzling
Docusaurus propose une méthode pour modifier/personnaliser son code en prenant pour base une partie déjà existente : c'est le [Swizzling](https://docusaurus.io/fr/docs/swizzling).
On échange un composant de thème généré par Docusaurus, par le notre. Il en existe deux types : **L'éjection** (créer une copie du composant de thème à personnaliser) et **l'enveloppement** (on améliorer le composant de thème existant).
**Pour procéder à l'éjection, on lance dans son terminal la commande suivante :**
```
npm run swizzle [nom du thème] [nom du composant] -- --eject
```
**Pour l'enveloppement, procéder comme suit :**
```
npm run swizzle [theme name] [component name] -- --wrap
```
En exemple, de notre Footer :
En lançant la commande de l'enveloppement, nous avons de disponible notre répertoire **Thème/Footer**. Le fichier s'y trouvant est l'index du Footer.
Nous avons enveloppé notre Footer avec de nouveaux éléments.
Loading