draggable-circular-menu
v1.0.9
Published
A customizable React circular menu component that supports dragging.
Downloads
5
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 draggableCircularMenu
ou
yarn add draggableCircularMenu
Utilisation
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.