napoui
v1.0.63
Published
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
Downloads
414
Readme
Caractéristiques de la bibliothèque napoui
1. Composants UI
Button :white_check_mark:
- Boutons avec différentes variantes (primaire, secondaire, danger, etc.) et options de taille.
- Support d'icônes intégrées.
Card :white_check_mark:
- Composant de carte pour afficher des informations avec des options de bordure et d'ombre.
Tooltip
- Bulles d'aide avec des styles personnalisables qui apparaissent au survol.
Dropdown :white_check_mark:
- Listes déroulantes avec support pour les sélections multiples et les groupes.
- La logique de sélection peut être gérée à l'extérieur du composant.
Tabs
- Système d'onglets pour naviguer entre différentes sections de contenu.
- La gestion des onglets actifs peut être externalisée.
Spinner
- Indicateur de chargement avec plusieurs styles et tailles.
Avatar
- Affichage d'images de profil ou d'initiales avec options de taille et de style.
Progress Bar
- Barres de progression pour montrer l'avancement d'une tâche. Les données de progression peuvent être fournies en tant que prop externe.
Badge
- Petits indicateurs visuels pour signaler un statut ou une information complémentaire.
Icon
- Affichage d'icônes vectorielles ou graphiques avec options de taille et de couleur.
- Divider
- Ligne de séparation horizontale ou verticale pour structurer visuellement des sections.
- Image
- Composant d'image avec support pour des dimensions fixes ou fluides, et des effets de survol.
- List
- Liste de contenus avec options de style pour les éléments listés (puces, numérotation).
- Typography
- Composant de texte avec support pour des variantes de titres, sous-titres, paragraphes, et citations.
- Breadcrumb
- Indicateur de navigation hiérarchique pour montrer l'emplacement actuel d'un utilisateur dans une structure.
2. Design et accessibilité
- Design moderne : Utilisation de designs modernes avec des transitions fluides et des animations.
- Accessibilité : Prise en charge des normes d'accessibilité (a11y) pour tous les composants, avec un focus sur l'utilisation avec des lecteurs d'écran.
3. Fonctionnalités CLI
Création de projet :white_check_mark:
- Commande pour générer un projet de démarrage avec napoui préconfiguré.
- Exemple :
napoui create my-project
.
Génération de composants :
- Commande pour créer des composants avec des fichiers de base.
- Exemple :
napoui generate component Button
.
Mise à jour de dépendances :white_check_mark:
- Commande pour mettre à jour napoui et les dépendances.
- Exemple :
napoui update
.
Compilation :white_check_mark:
- Commande pour compiler les fichiers TypeScript.
- Exemple :
napoui build
.
Lancement de dev server :white_check_mark:
- Commande pour démarrer un serveur de développement.
- Exemple :
napoui serve
.
Tests :
- Commande pour exécuter des tests unitaires et d'intégration.
- Exemple :
napoui test
.
Linting :white_check_mark:
- Commande pour vérifier le code et s'assurer qu'il suit les conventions.
- Exemple :
napoui lint
.
Documentation :
- Commande pour générer automatiquement de la documentation.
- Exemple :
napoui docs
.
Thématisation :
- Commande pour créer ou modifier des thèmes.
- Exemple :
napoui theme create my-theme
.
Intégration avec des outils CI/CD :
- Commande pour intégrer napoui dans des pipelines CI/CD.
- Exemple :
napoui ci setup
.
Conclusion
Avec ces fonctionnalités et caractéristiques, votre bibliothèque napoui sera bien positionnée pour rivaliser avec d'autres bibliothèques comme Magic UI. Vous offrirez une expérience utilisateur complète avec des composants modernes, des options de personnalisation et une CLI pour faciliter le développement. Cela peut attirer une large base d'utilisateurs et de développeurs qui recherchent une bibliothèque flexible et facile à utiliser.