ChatInput
Le champ de saisie d'un message. Il se déplie au-delà d'une ligne, et le bouton d'envoi paraît quand il y a quelque chose à envoyer.
Utilisation
import { ChatInput } from "@monstera/ui"Saisie
Le premier champ est vide, le second occupe deux lignes. Le rayon suit la forme, pilule sur une ligne et arrondi une fois déplié. Entrée envoie, Maj+Entrée passe à la ligne.
Accessibilité
Le champ porte un nom accessible, mais pas d'étiquette visible : le placeholder disparaît à la saisie. C'est le dessin de la bibliothèque Figma, et le point exact relevé par l'audit d'accessibilité des apps (critère 9.1). À trancher avec l'équipe Monstera.
Déplié sur plusieurs lignes, le champ passe visuellement au-dessus des boutons « Ajouter » et « Envoyer », mais garde sa place dans le DOM : Tab depuis le champ va à « Envoyer », Maj+Tab à « Ajouter ». Le déplacer pendant la frappe lui ferait perdre le focus et fermerait le clavier mobile. Limite assumée, à revoir si la maquette du mode déplié change.
API
Prop
Type