Skip to content
Card that allows you to swipe throught multiple cards for Home Assistant Lovelace
JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist
examples/images
src Initial commit Jun 19, 2019
.eslintrc.yaml
.gitattributes
.gitignore
.nvmrc
README.md
changelog.md
info.md
package.json
rollup.config.js
yarn.lock

README.md

Lovelace swipe card

A Lovelace card that uses swiper to create a touch slider that lets you flick through multiple cards. You can use (almost?) all options of swiper, these can be found here.

Installation:

You have 2 options, hosted or self hosted (manual). The first option needs internet and will update itself.

Hosted:

Add the following to resources in your lovelace config:

resources:
  - url: https://cdn.jsdelivr.net/gh/bramkragten/custom-ui@master/swipe-card/swipe-card.js
    type: module

Manual:

Download the swipe-card.js to /config/www/custom-lovelace/swipe-card/. (or an other folder in /config/www/)

Add the following to resources in your lovelace config:

resources:
  - url: /local/custom-lovelace/swipe-card/swipe-card.js
    type: module

Configuration:

And add a card with type custom:swipe-card:

- type: custom:swipe-card
  cards: []
You can’t perform that action at this time.