Widget Responsive Templates

Published: April 24, 2023

Key takeaways

Use widget templates to spend less time building and bug fixing. Templates are built with Alexa Responsive Components that scale across all Echo Show devices, bringing a consistent experience to customers.

 

Need quick advice?

See Widget Responsive Template Tech Docs.

 

In this article:

line-break

Why use widget templates?

Templates are built with Alexa Responsive Components that scale across all Echo Show devices, bringing a consistent experience to customers. As you think of the widget’s main purpose, consider whether your widget can be built using one of the following templates or if it needs a custom design. A key benefit of leveraging templates is that your team will spend less time in building and bug fixing since the core ARL components are updated to accommodate the new changes and bug fixing is done by the Alexa team.

line-break

Text List Template

Text List template displays a list of items, such as a shopping list or reminders list.

background
line-break

Text List with Images

Text List with Images template provides visual context to a list such as album covers for music.

margins-gutters-do-dont
line-break

Text Wrapping Template

Text Wrapping Template displays text-forward, or informative experiences, such as a calendar event.

widget-templates
line-break

Text Wrapping with Action Button Template

Footer Action Buttons Template provides an experience with a focus on the footer action button.

widget-templates
line-break

Image Caption Template 

Image Caption template displays an image centered experience needing supporting text.

widget-templates
line-break

Photo Template 

Photo template provides an experience with the image as the primary or sole content.

widget-templates
Previous Article: