Divider
Note: Learn how to improve your skills with APL with Build visually rich experiences using APL at the Alexa Learning Lab.
The Alexa divider responsive component (AlexaDivider
) displays a horizontal divider to create visual separation between items.
Import the alexa-layouts package
To use AlexaDivider
, import the alexa-layouts package.
The latest version of the alexa-layouts
package is 1.6.0. AlexaDivider
was introduced in version 1.1.0.
AlexaDivider parameters
All parameters except type
are optional.
Name | Type | Default | Description | Version added/updated |
---|---|---|---|---|
|
String |
|
The direction of the divider (horizontal/vertical). |
1.6.0 |
|
Array |
— |
Array of entity data to bind to this component. |
1.2.0 |
|
String |
|
Set the dark or light color theme. The selected theme controls the colors used for the component. |
1.1.0 |
|
String |
— |
Always set to |
1.1.0 |
AlexaDivider example
{
"type": "AlexaDivider"
}
Related topics
- Alexa Design System Overview
- Responsive Components and Templates
- Alexa Design Guide: Responsive Components
Last updated: Mar 02, 2023