Suggestion d'ajout de nouveaux composants UI #1
Description
💡 Suggestions de nouveaux composants UI
Introduction
Suite à l'utilisation d'Atomix, voici quelques suggestions de composants qui pourraient enrichir le framework.
Composants suggérés
1. Cards
Utilité : Affichage structuré de contenu (produits, articles, services)
<div class="card">
<img class="card-image" src="image.jpg" alt="Image">
<div class="card-content">
<h3>Titre</h3>
<p>Description</p>
<button class="button primary">Action</button>
</div>
</div>
2. Modal
Utilité : Affichage de contenu superposé (confirmations, détails, formulaires)
<div class="modal">
<div class="modal-content">
<h3>Titre</h3>
<p>Contenu...</p>
<button>Fermer</button>
</div>
</div>
3. Forms
Utilité : Styles cohérents pour les formulaires
<form class="form">
<div class="form-group">
<label>Email</label>
<input type="email" class="form-input">
</div>
</form>
4. Toast
Utilité : Notifications temporaires
<div class="toast success">
<p>Message de succès !</p>
<button class="close">×</button>
</div>
5. Tabs
Utilité : Navigation par onglets
<div class="tabs">
<nav class="tabs-nav">
<button>Onglet 1</button>
</nav>
<div class="tabs-content">
<div>Contenu 1</div>
</div>
</div>
Avantages
- Enrichissement de la bibliothèque
- Maintien de la simplicité
- Pas de JavaScript requis (sauf modals/toasts)
- Compatible avec le système existant
Considérations techniques
- Support du mode sombre
- Design responsive
- Accessibilité (ARIA)
- Utilisation des variables CSS existantes