🎨 Composants UI - Modulo RH
Bibliothèque de composants modernes et accessibles
📋 Cards
Card Simple
Une carte basique avec contenu
Contenu de la carte avec du texte et des éléments.
Card Élevée
Ombre plus prononcée
Cette carte a une ombre plus marquée pour un effet de profondeur.
Card Interactive
Cliquez pour interagir
Cette carte réagit au survol et au clic.
Card Outline
Bordure visible
Bordure plus visible pour un style épuré.
Card Ghost
Transparente
Fond transparent pour intégration discrète.
Card Large
Plus d'espace
Padding plus important pour plus de confort visuel.
📝 Inputs
🏷️ Badges
Badges de base
Default
Primary
Secondary
Success
Warning
Error
Info
Outline
Ghost
Modern
Tailles
Small
Medium
Large
Formes
Default
Rounded
Pill
Avec icônes
Favori
Like
Configurable
Badges spéciaux
Status
En ligne
Hors ligne
Absent
Occupé
Notifications
3
12
Progression
Tâche 125%
Tâche 275%
Tâche 3100%
Badges interactifs
Nouveau
En cours
Cliquable
🎯 Combinaisons
Formulaire de contact
Exemple d'utilisation combinée
Validé
En attente
Statistiques
Vue d'ensemble
5
Progression
68%
Status
online