[null,null,["最后更新时间 (UTC):2025-07-25。"],[[["\u003cp\u003eThe Message template displays brief messages with optional actions, suitable for errors, prompts, and UI states.\u003c/p\u003e\n"],["\u003cp\u003eThis template can be embedded within Tab and Map + Content templates for seamless integration.\u003c/p\u003e\n"],["\u003cp\u003eIt includes components like a header, text, optional image/icon/spinner, and up to two buttons, one primary.\u003c/p\u003e\n"],["\u003cp\u003eWhile it supports up to two actions, it's primarily for brief communication, with the Long Message or Pane templates better suited for longer messages or prominent actions.\u003c/p\u003e\n"],["\u003cp\u003eApp developers should always include message text, prioritize primary actions when offering two, and consider a header with optional title and actions.\u003c/p\u003e\n"]]],[],null,["# Message template\n\n\u003cbr /\u003e\n\nMessages present a brief message and optional relevant actions.\n\nThis template is useful for communicating error messages, permission prompts,\nand other information about UI states.\n\nThis template can be embedded in the\n[Tab template](/cars/design/create-apps/apps-for-drivers/templates/tab-template)\nto provide tabbed navigation.\n\nThis template can be included in the\n[Map + Content template](/cars/design/create-apps/apps-for-drivers/templates/map-content-template)\nto display a message on a map. \n**Includes:**\n\n- Optional [header](/cars/design/create-apps/apps-for-drivers/components/header) (header is replaced with tabs when this template is embedded in the [Tab template](/cars/design/create-apps/apps-for-drivers/templates/tab-template))\n- Up to 2 lines of wrapping text\n- Image, icon, or loading spinner (optional)\n- Up to 2 [buttons](/cars/design/create-apps/apps-for-drivers/components/button) in template body (optional), where one can be designated as [primary](/cars/design/create-apps/apps-for-drivers/components/button#primary)\n\n\u003cbr /\u003e\n\n| **Note:** This template is intended for quick messages, with related actions as secondary. To display a longer message, use the [Long Message template](/cars/design/create-apps/apps-for-drivers/templates/long-message-template). To display more detailed information with prominent actions, use the [Pane template](/cars/design/create-apps/apps-for-drivers/templates/pane-template).\n\nMessage template examples\n-------------------------\n\nMessage template included in the Map + Content template containing primary and secondary action buttons Message with two actions\n\n\u003cbr /\u003e\n\nMessage template UX requirements\n--------------------------------\n\nApp developers:\n\n|------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| **MUST** | Include message text. |\n| **SHOULD** | Designate a [primary](/cars/design/create-apps/apps-for-drivers/components/button#primary) action when providing 2 actions. |\n| **SHOULD** | Place the primary action closest to the driver (on the left for left-hand-drive vehicles) when there are 2 actions. |\n| **SHOULD** | Include a header with an optional title and primary and secondary actions. |\n| **MAY** | Include an image or icon asset. |\n| **MAY** | Include up to 2 actions. |\n| **MAY** | Use this template to prompt users about app permissions and open related flows on the phone when parked (as shown in [Grant permissions on phone](/cars/design/create-apps/sample-flows/grant-permissions-on-phone)). |"]]