Teaser Card Clickability And Hover Effect
The card variant teaser can have entire card clickable which on hover, the card will animate with a rising effect.
Important Notes:When we use the headline.link_attributes the whole card is clickable and has rising effect on hover. Don't add any clickable elements to the description part of the card teaser because they will not be clickable.When we use theheadline prop without link_attributes, there's no whole card clickability and the card teaser doesn't have rising effect on hover. You can add interactive elements like links to the card teaser desciption.content.
{% include '@bolt-components-teaser/teaser.twig' with {
variant: 'card',
signifier: image,
headline: {
text: 'This is the teaser headline',
},
description: {
content: 'It is possible to have <a href="https://www.google.com" target="_blank" rel="noopener">a link here</a> when the headline is not a link.',
},
} only %}
