Chaque modèle de grille ou de liste est limité à deux boutons d'action flottants, qui apparaissent en bas à droite.
Utilisez un bouton d'action flottant pour l'action la plus importante à l'écran. Assurez-vous que l'icône est facile à comprendre, car il n'y a pas de libellé de texte. Dans l'exemple précédent, le signe plus exprime l'idée d'ajouter une autre destination.
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2025/07/25 (UTC).
[null,null,["Dernière mise à jour le 2025/07/25 (UTC)."],[[["\u003cp\u003eFloating action buttons (FABs) highlight the most crucial actions by featuring an icon without a label on a colored background, readily accessible with a single tap.\u003c/p\u003e\n"],["\u003cp\u003eLimited to two per Grid or List template, FABs reside in the lower right corner, serving as primary action prompts.\u003c/p\u003e\n"],["\u003cp\u003eIdeally, FAB icons should be self-explanatory, conveying the action's purpose clearly due to the absence of text labels.\u003c/p\u003e\n"],["\u003cp\u003eWhen a List or Grid template is integrated within a Tab template, FABs replace action strips as the preferred interactive element.\u003c/p\u003e\n"]]],[],null,["# Floating action button (FAB)\n\n\u003cbr /\u003e\n\nFloating action buttons place the most important actions on the screen a tap\naway. \n**Must include:**\n\n- Icon with no label\n- Background color\n\n\u003cbr /\u003e\n\nTemplate support\n----------------\n\nFABs are supported by the\n[Grid template](/cars/design/create-apps/apps-for-drivers/templates/grid-template)\nand the [List template](/cars/design/create-apps/apps-for-drivers/templates/list-template).\n\nGuidance\n--------\n\nEach Grid or List template is limited to two FABs, which appears in the\nlower right corner.\n\nUse a FAB for the most important action on the screen. Be sure that the icon is\neasy to understand, since there is no text label. In the\n[prior example](#example), the plus sign conveys the idea of adding another\ndestination.\n| **Note:** If the List or Grid template is embedded in a [Tab template](/cars/design/create-apps/apps-for-drivers/templates/tab-template), an action strip is not allowed, so use a FAB."]]
