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.

Entire card clickability, with hover effect.

No entire card clickability, without hover effect.

{% 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 %}
Not available in plain HTML. Please use Twig.