Composants de feedback
Des composants qui indiquent ce qui se passe : toasts, alertes en ligne, barres et cercles de progression, spinners, skeletons et états vides.
Les spinners attendent avant d’apparaître puis restent assez longtemps pour être lus, donc un travail rapide ne clignote jamais, et chaque changement est annoncé aux lecteurs d’écran.
- AlertDes messages en ligne pour le statut et les retours, avec une surface neutre, une icône colorée et une fermeture qui se replie en douceur.
- EmptyUn espace réservé pour les écrans sans contenu à afficher, avec une icône, un message et l’action suivante.
- ProgressUne barre ou un anneau qui montre l’avancement d’une tâche, s’adoucit entre les mises à jour et glisse tant que le total est inconnu.
- SkeletonDes placeholders qui attendent 150ms avant de s’afficher, prennent la taille exacte du contenu qu’ils enveloppent et l’affichent en fondu sans rien déplacer.
- SpinnerUn indicateur de chargement avec des graduations façon Apple ou un anneau qui respire, pouvant attendre avant de s’afficher et rester assez longtemps pour ne pas clignoter.
- ToastDe brefs messages qui s’empilent proprement, se déploient au survol, se balayent pour disparaître et transforment un état de chargement en succès ou en erreur sur place.
Utilisés dans les blocs Pro
Des blocs pour produits d’IA construits avec ces composants.
- MarkdownLe rendu Markdown pour les réponses IA. Gère le streaming sans syntaxe à moitié tapée, les tableaux à copier et les citations en ligne.
- BillingLa page de forfait et d’utilisation d’un produit IA. Gère les crédits épuisés en cours de cycle, les changements de forfait au prorata et les erreurs de carte.
- Diff ReviewUne revue des modifications de fichiers d’un agent avant qu’elles n’atterrissent. Gère l’acceptation ou le rejet par changement, les commentaires renvoyés à l’agent et les modifications encore en streaming.
- API keysLa page des clés API d’un produit IA. Gère un secret affiché une seule fois, la révocation avec annulation et la rotation avec délai de grâce.
- SecurityLa section Sécurité des réglages d’un produit IA. Gère les sessions, la double authentification avec codes de récupération et la suppression derrière une confirmation saisie.
- SettingsLa page des réglages d’un produit IA. Gère une barre d’enregistrement qui n’apparaît qu’en cas de changement, les erreurs de champ et les états de chargement.