Composants de bouton et d’action
Des composants sur lesquels on appuie : boutons dans toutes les variantes et tailles, groupes de boutons accolés, toggles et groupes de toggles.
Le bouton gère lui-même le chargement, le succès et l’erreur à partir de la promesse que vous renvoyez, saute le spinner pour les requêtes rapides et garde le focus pendant qu’il travaille.
- ButtonDes boutons dans toutes les variantes et tailles, avec un flux de chargement, de succès et d’erreur intégré qui évite le spinner pour les requêtes rapides.
- Button groupDes boutons réunis en un seul contrôle, avec jointures partagées, séparateurs, addons de texte, imbrication et piles verticales.
- ToggleUn bouton qui reste activé ou désactivé, avec un remplissage qui se pose à l’appui, une étape claire entre survol et activation, et des icônes qui peuvent se remplir selon l’état.
- Toggle groupUne rangée de boutons à bascule pour un choix unique ou multiple, avec un remplissage qui glisse vers l’élément choisi, des éléments joints ou espacés et un focus aux flèches du clavier.
Utilisés dans les blocs Pro
Des blocs pour produits d’IA construits avec ces composants.
- Agent TodosLe plan qu’un agent tient pendant qu’il travaille, une ligne par étape. Gère les étapes en cours, les étapes échouées et les changements de plan en pleine exécution.
- ArtifactLe panneau à côté d’un chat IA qui montre ce que le modèle a produit. Gère le contenu encore en streaming, un aperçu isolé et des versions à restaurer.
- Chat SidebarLa barre latérale d’une app de chat, avec chats épinglés, projets et récents. Gère le renommage sur place, la suppression avec annulation et les chats qui répondent encore.
- Chat ThreadLa vue de conversation d’un chat IA. Gère les réponses qui streament, se modifient et se relancent, et les versions d’une réponse entre lesquelles basculer.
- Code BlockDes blocs de code pour les réponses IA. La coloration suit le streaming, les diffs s’acceptent ou se rejettent et les commandes tournent dans un terminal.
- 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.