Divider
The Alexa divider responsive component (AlexaDivider) displays a horizontal or vertical divider to create visual separation between items.
Compatibility
AlexaDivider is designed to work with all standard viewport profiles in the alexa-viewport-profiles package:
- All hub round profiles
- All hub landscape profiles
- All hub portrait profiles
- All mobile profiles
- All TV profiles
If you use AlexaDivider on an unsupported viewport, you might have unexpected results. For details about viewport profiles, see Viewport Profiles.
Import the alexa-layouts package
To use AlexaDivider, import the alexa-layouts package.
The latest version of the alexa-layouts package is 1.7.0. AlexaDivider was introduced in version 1.1.0.
AlexaDivider parameters
All parameters except type are optional.
| Name | Type | Default | Description | Widget support | Version added |
|---|---|---|---|---|---|
|
|
String |
|
The direction of the divider (horizontal/vertical). |
Not supported |
1.6.0 |
|
|
Array |
— |
Array of entity data to bind to this component. |
Not supported |
1.2.0 |
|
|
String |
|
Set the dark or light color theme. The selected theme controls the colors used for the component. |
Not supported |
1.1.0 |
|
|
String |
— |
Always set to |
Not supported |
1.1.0 |
AlexaDivider example
{
"type": "AlexaDivider"
}
Related topics
- Alexa Design System Overview
- Responsive Components and Templates
- Alexa Design Guide: Responsive Components
Last updated: Nov 28, 2023