Styleguide Navigation

Hero Teaser Area

Updates

  • 2018-08-14 Changed ID for buttons to avoid conflicts in example (markup) [pul]
  • 2018-09-19 Changed slider options (autoPlay, responsive) and transition-duration style (markup) [pul]
  • 2018-09-19 Example with one and two slides added – for single slide: HeroTeaserSlider--nav removed completely and aria-labelledby/role attributes removed from HeroTeasers (markup) [pul]
  • 2018-09-19 Video slide example added (markup) [pul]
  • 2018-10-03 Class "small" removed from Button in HeroTeaser--cta (markup) [pul]
  • 2018-12-28 SRWFE-812: HeroTeaser--cta Button class .transparent replaced with .white. (markup) [jch]
  • 2019-06-27 SRWFE-1083: Example with HeroTeaser--preTitle added. (markup) [jch]
  • 2019-11-06 Updated .HeroTeaser--background .Media sizes: new size for .video, removed spaces for .image. (markup) [pul]
  • 2019-12-09 SRWFE-1417: A11Y #22 - Added tabindex attribute to .js-slider--nav Elements (0 for first, -1 for others). (markup) [pul]
  • 2020-02-04 A11Y - changes markup for Single Slide example (use divs instead of ul/li). (markup) [pul]
  • 2020-02-04 SRWFE-1733: Added HeroTeaser--link to increase clickable link area in A11Y-friendly way (markup) [pul]
  • 2021-03-31 SRWFE-2213: Major markup changes for HeroTeaserArea (markup) [pul]
  • 2021-12-07 SRWFE-2426: Use ImmediateImage for first HeroTeaser image (markup) [pul]