Responsive Components
Note: Learn how to improve your skills with APL with Build visually rich experiences using APL at the Alexa Learning Lab.
A responsive component combines components into modular, responsive elements. You can use these as building blocks in your document, similar to how you would use components.
See the following topics for details about each responsive component available in the alexa-layouts
package.
- AlexaBackground
- AlexaButton
- AlexaCheckbox
- AlexaDivider
- AlexaFooter
- AlexaHeader
- AlexaIconButton
- AlexaImage
- AlexaImageListItem
- AlexaOrdinal
- AlexaPageCounter
- AlexaProgressBar
- AlexaProgressBarRadial
- AlexaProgressDots
- AlexaRadioButton
- AlexaRating
- AlexaSlider
- AlexaSliderRadial
- AlexaSwipeToAction
- AlexaSwitch
- AlexaTextListItem
- AlexaTransportControls
For design guidance on how to use the responsive components, see Alexa Design Guide: Responsive Components.
Related topics
Last updated: Mar 02, 2023