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

dividerDirection

String

horizontal

The direction of the divider (horizontal/vertical).

Not supported

1.6.0

entities

Array

Array of entity data to bind to this component.

Not supported

1.2.0

theme

String

dark

Set the dark or light color theme. The selected theme controls the colors used for the component.

Not supported

1.1.0

type

String

Always set to AlexaDivider.

Not supported

1.1.0

AlexaDivider example

{
  "type": "AlexaDivider"
}


Was this page helpful?

Last updated: Nov 28, 2023