Cursor

Cette composante nous permet de modifier le curseur du site web en question afin de le personnaliser à notre goût.

Dépendance

Cursor

Pour utiliser la composante Cursor... il n'y a pas de dépendances à installer sur le projet!

Comment l'utiliser

Afin d'utiliser la composante, mettre l'attribut data-component="Cursor" sur un div situé à l'intérieur du body de l'HTML. (Préférablement au début ou à la fin pour ne pas l'égarer parmis le reste des lignes de code). Il est également possible d'ajouter l'attribut data-curseur="nom-de-votre-variable" si vous avez plus d'un curseur parmis la page.

Avant de commencer de retirer le curseur par défaut, il faut s'assurer que dans le cas où notre fichier Js n'est pas chargé, que notre curseur ne soit pas visible / nuisible dans la page.

Par la suite, il faut retirer le curseur mis par défaut

Vous avez tout suivi cependant rien n'apparaît? Avez-vous importé le fichier cursor.scss dans votre main.scss?

Voir des idées de personnalisation de curseur
Voici le code du curseur par défault qui est mis en place sur cette page

Attributs

Des attributs peuvent être utilisés afin de créer des variantes de curseur dans une même page.

Voir la démo