draggable-circular-menu
Version:
A customizable React circular menu component that supports dragging.
61 lines (48 loc) • 2.03 kB
Markdown
# 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 :
```bash
npm install draggableCircularMenu
```
ou
```terminal
yarn add draggableCircularMenu
```
## Utilisation
```jsx
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
```jsx
<DraggableCircularMenu
values={[10, 20, 30, 40, 50]}
circleColor="#ff0000"
textColor="white"
text="€"
/>
```
##Contribuer
Les contributions sont les bienvenues ! Pour contribuer à ce projet, veuillez :
1. Forker le projet.
2. Créer une nouvelle branche (git checkout -b feature/AmazingFeature).
3. Faire vos modifications.
4. Commiter vos modifications (git commit -m 'Ajouter une fonctionnalité étonnante').
5. Pousser vers la branche (git push origin feature/AmazingFeature).
6. Ouvrir une demande de tirage.