Une action, une trace
Le geste complète votre marque.
Le bouton n'affiche pas un spinner. Il montre Oryze qui se termine.
Maintiens une seconde. Relâche avant la fin pour annuler.
Démonstration locale · aucun message n'est envoyé
11:40 ALERTES
Studio Nord
FAC-2026-0038échue le 02/08
860,00 €
Retard 12 joursMaintenir une seconde · relâcher avant la fin annule
Historique des relances
- Relance 1 · tracée05/0809:14
- Relance 2 · préparée · à envoyer—
relance-retard-v1.0 · calculé le 08/08/2026 11:40 · données → 08/08
« Tu traces chaque chiffre.Trace aussi le geste. »
— parce que le geste qui écrit la trace est le seul qu'on ne peut pas défaire
| Raison | Ce que le geste engage |
|---|---|
| L'IA prépare | Oryze Intelligence a rédigé le message. La doctrine du produit le dit ainsi : « Elle prépare. Vous décidez. » |
| L'humain décide | Le produit dit « vous décidez ». 1,0 s de maintien, c'est le poids de cette décision quand sa conséquence sort de l'écran. |
| Le prix est relationnel | Une relance part vers ton client, sous ton nom. Un virement peut parfois être rappelé. Un message lu ne peut pas l'être. |
| La trace existe déjà | L'interface affiche déjà « Relance 1 · tracée ». Le geste doit produire la ligne que l'on relira, pas seulement la précéder. |
Le maintien reste visible et réversible.
Sur ton téléphone, le contact est tout ce qu'il reste. Le geste doit répondre au doigt et céder au mouvement.
Studio Nord
Une relance préparée
échue le 02/08
860,00 €
RELANCE 2 · PRÉPARÉE
« Sauf erreur de notre part, la facture… »
Oryze Intelligence
Maintenir · relâcher annule
| Déclencheur | Sur Expo, onPressIn ; sur le web, pointerdown. Jamais onMouseDown, qui arrive après le doigt. |
|---|---|
| Maintien | 0,9 s au toucher · 1,0 s au pointeur. |
| Amplitude | 4 px sur mobile · 3 px sur le web : le doigt couvre le déplacement. |
| Annulation | Doigt qui glisse, appel entrant ou défilement : la relance ne part pas. |
| Haptique | impactAsync(Light) au contact · notificationAsync(Success) à la fin · Warning à l'annulation. |
| Accessibilité | Le maintien fonctionne avec Espace ou Entrée. Dans l'app Expo, l'action « Envoyer » reste disponible pour VoiceOver et TalkBack. |
Le même composant, sur vos vrais écrans.
Un bouton, quatre variantes, sept états — appliqué à vos surfaces réelles, sans déplacer un seul élément de mise en page. Ce n'est pas une refonte. C'est le même produit, avec un bouton qui se comporte enfin de la même façon partout.
Relances clients
Compte pro · •••• 4827EN RETARD
Studio Nord
FAC-2026-0038échue 02/08
- Relance 1 · tracée le
- Relance 2 · préparée · à envoyer
860,00 €
Menuiserie Roux
FAC-2026-0031échue 26/07
- Relance 1 · tracée le
- Promesse de règlement ·
2 340,00 €
Maintenir une seconde · relâcher avant la fin annule
Démonstration locale · aucune relance réelle n'est envoyée
Factures
Dépenses
TVA
Documents
Relances
Comptes
Un seul composant. Six surfaces réelles. Aucune dérive.
Une prop. Des états explicites.
Le composant s'étend sans changer le comportement des boutons qui n'en ont pas besoin.
<Button holdToConfirm={1000} /> | Une prop optionnelle. Sans elle, Button garde son comportement de clic actuel. |
|---|---|
phase | 'idle' | 'hold' | 'working' | 'done' | 'cancelled' | 'failed' |
--press-in: 0.05s | L'appui, plus rapide que --dur-fast, qui reste pour le relâchement. |
--dur-hold: 1.0s | La durée de la décision. |
--action-primary-pressed | Le pendant pressé de --action-primary-hover ; un nom distinct, sans nouvelle teinte. |
