swipe-card icon indicating copy to clipboard operation
swipe-card copied to clipboard

Adding the ability to define hash values for each card within swipe-card

Open TinyShark opened this issue 2 years ago • 0 comments

The Swiper API has hash navigation built in and it can be enabled with the following config parameters on swipe-card:

type: custom:swipe-card
parameters:
  slidesPerView: auto
  hashNavigation:
    watchState: true

This works as it should if I manually add data-hash="[my-hash-value]" to the class of the desired slide through chrome dev tools:

Screenshot 2023-01-24 at 10 45 36

and then use javascript to set the hash: window.location.hash = 'testhash'; Swipe card transitions to that specific slide.

Would it be possible to add an option/field to define a hash value per card?

for eg:

type: custom:swipe-card
parameters:
  slidesPerView: auto
  hashNavigation:
    watchState: true
cards:
  - type: vertical-stack
    hash: my-hash-value

thanks!

TinyShark avatar Jan 24 '23 10:01 TinyShark