threshold-stack

Dynamically stack cards horizontally or vertically, depending on device width

Installation

Install threshold-stack.js as a module.

resources:
  - url: /local/threshold-stack.js
    type: module

Usage

type: custom:threshold-stack
threshold: <pixels>px
cards:
  ...

If the device is at least pixels pixels wide, cards will be displayed as a horizontal-stack.
If the device is less than pixels pixels wide, cards will be displayed as a vertical-stack.

Options

• threshold Threshold in pixels for horizontal-stack. Default: 800px
• cards Required Cards to render; works particularly well as a vertical-stack container