Web Component: Card section - carousel MVP component

[photodow]

User Story

As an:

IBM.com customer

I need to:

quickly look through a series of content (e.g. images, videos, text and more)

so that I can:

make a decision or get on with the rest of my day

Additional information

• Examples
  • Northstar v18 Carousel
  • Bootstrap Carousel
  • Accessible carousel concepts
  • Coded prototype based on lightbox media viewer needs
  • The design and functional specs review has been included in the Oct 19 Engineering meeting for review and dev sizing.

In context of the lightbox (image viewer)

In context of the logo grid

Acceptance criteria

• [ ] Meets the needs of the lightbox (image viewer)
• [ ] Meets the needs of the logo grid
• [ ] Scaleable across small content and large content
• [ ] Scaleable across different layouts (e.g. we might need 6 across for the lightbox (image viewer), but the logo grid we might need 3 rows of 3)
• [ ] Handles a single slide
• [ ] Handles a large number of slides (10 or more for now)
• [ ] Cycles through one slide of content at a time (will we need auto slides?)
• [ ] Jump between slides (e.g. slide 1 to slide 4)
• [ ] Accessible and mobile friendly

[RobertaJHahn]

This component is not needed immediately by adopters. Moving to backlog to be scheduled in the future.

[RobertaJHahn]

This component has moved to a higher priority because of the Hybrid Cloud organization needs this component. The DDS Design squad is doing research on potential designs. This work is managed under issue #124 on the Ideation board. https://app.zenhub.com/workspaces/digital-design-ideation-5e8e2526b7bb5c920432c971/issues/carbon-design-system/digital-design-ideation/124

Added the Hybrid Cloud label.

[RobertaJHahn]

James will work separately with Akira to review the func specs. Will update the epic status when complete.

[photodow]

Created two new components, and updated an existing one.

• Content section
• Carousel
• Card section — carousel