Button

Interaction

Engine\Native\Button est un bouton à coins pilule (rayon complet), composé en interne d'un Tappable enrobant un Container/Center/Text ou Flex pour la variante avec icône. C'est la même forme que les CTA « Continuer » / « Vérifier » des écrans natifs historiques, désormais factorisée en un seul widget. Il n'existe pas de raccourci « étirer sur toute la largeur du parent » dans ce système de contraintes : passer $width explicitement est nécessaire pour un CTA pleine largeur.

Exemple

<?php

use Engine\Native\Button;

$cta = new Button(
    label: 'Continuer',
    action: 'submit:documents',
    icon: 'arrow_forward',
    width: 320.0,
    height: 54.0,
);

Un bouton pleine largeur avec une icône flèche à gauche du libellé, qui déclenche l'action submit:documents au tap.

Constructeur

Paramètre	Type	Défaut	Description
label	string	—	Texte affiché dans le bouton.
action	string	—	Chaîne d'action renvoyée à PHP au tap.
icon	?string	null	Nom Material Icons affiché avant le libellé.
width	?float	null	Largeur fixe ; sans elle, le bouton se contente de la taille de son contenu.
height	float	54.0	Hauteur du bouton.
background	?Color	null (couleur d'encre du thème)	Couleur de fond.
foreground	?Color	null (blanc)	Couleur du texte et de l'icône.
meta	?array<string, mixed>	null	Données supplémentaires transmises au client pour traiter l'action.

À savoir. Button sert de brique de base à ConfirmButton et AlertButton, qui le composent avec une action dialog:confirm/dialog:alert et un meta spécifique plutôt que de dupliquer la mise en forme du bouton.

Voir aussi

• ConfirmButton
• AlertButton
• Tappable