Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Pesan menampilkan pesan singkat dan tindakan opsional yang relevan.
Template ini berguna untuk mengomunikasikan pesan error, dialog izin,
dan informasi lain tentang status UI.
Template ini dapat disematkan di
Template tab
untuk menyediakan navigasi tab.
Template ini dapat disertakan dalam Template Peta + Konten untuk menampilkan pesan pada peta.
Mencakup:
header opsional
(header diganti dengan tab saat template ini disematkan di
Template tab)
Hingga 2 baris penggabungan teks
Gambar, ikon, atau indikator lingkaran berputar pemuatan (opsional)
Maksimal 2 tombol
di isi template (opsional), yang salah satunya dapat ditetapkan sebagai
utama
Contoh template pesan
Template pesan yang disertakan di template Peta + Konten yang berisi tombol tindakan utama dan sekunderPesan dengan dua tindakan
Persyaratan UX template pesan
Developer aplikasi:
HARUS
Sertakan teks pesan.
SEBAIKNYA
Tetapkan tindakan utama
saat menyediakan 2 tindakan.
SEBAIKNYA
Tempatkan tindakan utama yang paling dekat dengan pengemudi (di sebelah kiri untuk
kendaraan dengan kemudi kiri) saat ada 2 tindakan.
SEBAIKNYA
Sertakan header dengan judul opsional serta tindakan utama dan sekunder.
DAPAT
Sertakan aset gambar atau ikon.
DAPAT
Sertakan maksimal 2 tindakan.
DAPAT
Gunakan template ini untuk meminta pengguna tentang izin aplikasi dan membuka
alur terkait di ponsel saat parkir (seperti yang ditunjukkan dalam
Memberikan izin di ponsel).
[null,null,["Terakhir diperbarui pada 2025-07-25 UTC."],[[["\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)). |"]]
