open-index/open-npm huggingface dataset:
npm package: @novatom/react-modal
Description: Un composant modal React réutilisable
Author: Votre nom
Latest version: 1.0.4

# @novatom/react-modal

Un composant modal React simple et léger pour afficher des messages avec un overlay.

## 🚀 Installation

```bash
npm install @novatom/react-modal
```

## 📖 Usage

```javascript
import React, { useState } from 'react';
import Modal from '@novatom/react-modal';
import '@novatom/react-modal/dist/index.css'; // ← Important : Importer les styles

function App() {
  const [showModal, setShowModal] = useState(false);

  return (
    <div>
      <button onClick={() => setShowModal(true)}>
        Ouvrir la modal
      </button>

      {showModal && (
        <Modal
          message="Voici votre message dans la modal !"
          onClose={() => setShowModal(false)}
        />
      )}
    </div>
  );
}

export default App;
```

## 🎨 Props

| Prop | Type | Requis | Description |
|------|------|--------|-------------|
| `message` | `string` | ✅ | Le message à afficher dans la modal |
| `onClose` | `function` | ✅ | Fonction appelée quand l'utilisateur ferme la modal |

## 🎯 Fonctionnalités

- ✅ **Simple** : Seulement 2 props nécessaires
- ✅ **Responsive** : S'adapte aux différentes tailles d'écran
- ✅ **Overlay sombre** : Fond semi-transparent
- ✅ **Bouton de fermeture** : Bouton "Close" intégré
- ✅ **Centré** : Automatiquement centré sur l'écran
- ✅ **Léger** : Aucune dépendance externe

## 🖥️ Compatibilité

- React >= 16.8.0
- Tous les navigateurs modernes
- Mobile-friendly

## 📦 Structure du package

```
@novatom/react-modal/
├── dist/
│   ├── index.js          # Version CommonJS
│   ├── index.esm.js      # Version ES Modules
│   └── index.css         # Styles (à importer manuellement)
└── package.json
```

## 🎨 Personnalisation

Vous pouvez surcharger les styles en ciblant les classes CSS :

```css
/* Surcharger l'overlay */
.modal-backdrop {
  background-color: rgba(255, 0, 0, 0.5); /* Overlay rouge */
}

/* Surcharger la boîte modal */
.modal-box {
  background: #f0f0f0;
  border-radius: 15px;
}

/* Surcharger le bouton */
.modal-box button {
  background: #28a745;
}
```

Fait avec ❤️ par [Novatom]
npm package: @novauth/react-native-fido2
Description: A FIDO2 API wrapper for React Native
Author: Matteo Agnoletto
Latest version: 0.1.6

# react-native-fido2

A FIDO2 API wrapper for React Native

## Installation

```sh
npm install @novauth/react-native-fido2
```

or

```sh
yarn install @novauth/react-native-fido2
```

## Usage

TODO

## Contributing

TODO

## Acknowledgements

Special thanks go to maintainers and contributors of [`react-native-fido`](https://github.com/Emad-salah/react-native-fido), which is the original basis of this library.

## License

[MIT](LICENSE)