Composants spécialisés
Les composants spécialisés servent des cas d'usage ciblés : listes à réordonner par glissement, changement de langue et entrées avancées autonomes. Plusieurs sont référencés depuis d'autres pages de catégorie (contrôles de formulaire, social) où ils remplissent plus d'un rôle. Tous acceptent l'ensemble partagé props ainsi que les modules visibility et responsive.
components:
- type: language-switcher
props:
className: ml-autoreorderable-list
Une liste dont les éléments peuvent être réordonnés par glisser-déposer ou clavier. (Aussi documenté dans Interactivité et scripts.)
| Propriété | Description |
|---|---|
dragHandle |
Activer le réordonnancement par glisser-déposer des éléments de la liste. |
onReorder |
Action déclenchée lorsque les éléments sont réordonnés. Doit être une action toast ({ type: toast, message, variant }) — le seul type qu'un réordonnancement exécute. |
children |
Les éléments de la liste (chacun avec une poignée de glissement). |
language-switcher
Un contrôle qui change la langue active pour une application internationalisée.
| Propriété | Description |
|---|---|
props |
Attributs HTML et options d'affichage (p. ex. className, style de libellé). |
Voir Langues pour la configuration i18n.
status-indicator
S'exprime désormais avec badge et variant: status, qui porte les mêmes propriétés label, color et pulse.
file-upload
Un sélecteur de fichiers avec glisser-déposer optionnel. (Aussi documenté dans Contrôles de formulaire.)
| Propriété | Description |
|---|---|
accept |
Types MIME/extensions acceptés (p. ex. image/*, .pdf). |
dropZone |
Activer une zone de dépôt par glisser-déposer. |
maxFiles |
Nombre maximal de fichiers par téléversement. |
maxFileSize |
Taille maximale de fichier en octets (p. ex. 10485760 pour 10 Mo). |
number-input
Une saisie numérique avec boutons d'incrémentation. (Aussi documenté dans Contrôles de formulaire.)
| Propriété | Description |
|---|---|
min |
Valeur minimale. |
max |
Valeur maximale. |
step |
Incrément de pas. |
showStepper |
Afficher les boutons d'incrémentation/décrémentation (défaut : true). |
defaultValue |
Valeur numérique initiale. |
time-picker
Une saisie d'heure. (Aussi documenté dans Contrôles de formulaire.)
| Propriété | Description |
|---|---|
minTime |
Heure sélectionnable minimale (HH:mm). |
maxTime |
Heure sélectionnable maximale (HH:mm). |
stepMinutes |
Incrément en minutes pour la sélection (défaut : 15). |
comments / ai-chat
Composants d'engagement documentés dans Composants sociaux : comments (commentaires en fil de discussion, publics/invités), commentCount et ai-chat (un panneau de chat avec agent IA).
Pages connexes
- Présentation des pages — le modèle de composants et les actions.
- Contrôles de formulaire —
file-upload,number-input,time-picker. - Composants sociaux —
comments,commentCount,ai-chat. - Langues — i18n pour
language-switcher. - Agents — agents alimentant
ai-chat.
Dernière mise à jour 11 août 2026
Cette documentation a été rédigée avec de l'IA : des erreurs ou du contenu obsolète sont donc possibles. Sovrium est en bêta. Les contributions et corrections sont les bienvenues.