draggable-circular-menu
v1.0.9
Published
A customizable React circular menu component that supports dragging.
Downloads
47
Readme
DraggableCircularMenu
DraggableCircularMenu est un composant React personnalisable qui permet de créer un menu circulaire interactif et draggable (pouvant être déplacé par glisser-déposer). Idéal pour offrir une navigation dynamique et visuellement attrayante dans vos applications React.
Installation
Pour installer le package, utilisez npm ou yarn :
npm install draggableCircularMenuou
yarn add draggableCircularMenuUtilisation
import React from "react";
import DraggableCircularMenu from "draggable-circular-menu";
const MyComponent = () => {
return (
<div>
<DraggableCircularMenu />
</div>
);
};
export default MyComponent;Propriétés
| Propriété | Description | Type | Par défaut |
|--------------|--------------------------------------------------------------------|----------------------|--------------|
| values | Les valeurs à afficher dans le menu. | number[] | [0, 1, ..., 100] |
| circleColor | La couleur du cercle central. | string | #00c8b7 |
| textColor | La couleur du texte. | string | black |
| text | Texte supplémentaire à afficher. | string | "" |
Exemples
<DraggableCircularMenu
values={[10, 20, 30, 40, 50]}
circleColor="#ff0000"
textColor="white"
text="€"
/>##Contribuer Les contributions sont les bienvenues ! Pour contribuer à ce projet, veuillez :
- Forker le projet.
- Créer une nouvelle branche (git checkout -b feature/AmazingFeature).
- Faire vos modifications.
- Commiter vos modifications (git commit -m 'Ajouter une fonctionnalité étonnante').
- Pousser vers la branche (git push origin feature/AmazingFeature).
- Ouvrir une demande de tirage.
