EH Carousel

• Component resides inside EH Composites tab in the Toolbox by the name EH Carousel.
• The EH Carousel component is built using list of slides (EH Carousel Slide).
• Applicable fields of Carousel Slide: 
  • Slide Image:  Image field to add image.
  • Slide Text: RTE field to add Slide text with 200 character limit.
• In EH Carousel, CA has option to add a new slide or delete the existing slide.
• EH Carousel does not have any rendering variant.
• Carousel Slides will not auto-rotate as per requirement.
• EH Carousel Slider will slide in cyclic through a series of slides.
• An Example of EH Carousel Component is shown HERE.
• Applicable options of Carousel Slide: 
  • Full Width background
• Enable the Full Width backgroud to create a larger slide that fill the full width. It's best for a slide on page without sidebar.

EH Carousel (Content Carousel 1 Col):

• The EH Carousel (1 col) should not auto rotate. It should display one image at a time.
  • The CA should only add up to 5 slides and will be handle via governance.
• The EH Carousel will include the following elements:
  • Image
  • RTE
• The content should appear within a blue bar at the bottom of the slider and a max of 200 characters. 
• If exceeds 200 characters the CA will be prevented from saving the item. 
• The CA should be able to edit and format content using RTE.
• The carousel should be capable of resizing according to grid structure.
• Arrow nav behavior
  • Left and right
  • Drag with mouse (mobile only)
  • Touch swipe
• User should also be able to click on scroll dots and or prev or next to move between slides.
• Links will be white with an underline
• Bar will extend up to full width depending on length of text.
• For styling please see: Designs
• This component must follow accessibility standards for alt text, and keyboard navigation. 

Mobile:

• See requirements above; image and content is stacked.