...

• Default icon buttons (left/right arrows) should be overridable, if needed.

  • Size - should have sizing options, should have default in he implementation doc, and be overrideable. We can have variants: small, medium, large for example

  • Icons -

  • location of the arrows needs to be determined (outside or inside the carousel itself)

  • location of the arrows (either side of the carousel or close together)

• Size

  • Dictating spacing within the carousel (padding) and the default icon button sizes

• Should we be able to customize how many items are shown at once?

  • How will the width of each item factor into figuring out how many can be shown at once? E.g., a Card is much wider than a Chip.

• Should we be able to control the left/right arrow icon button behavior?

  • E.g., does it scroll all the way to the next N items all at once (like the edX.org partner logo carousel) or does it scroll incrementally based on some hardcoded pixel value and show partial items (like the edX.org Chip carousel and the Enterprise Learner Portal Card carousel shown below) or does it scroll to the start of the next item?

  • Should we have an autoscroll option?

  • Should it be a wrap-around behavior (once you hit the end, do you go back to the beginning?)

  • Should we add a scrollable component?

• How should this work in modal?

Variants: * Buttons vs scroll * button size * Scroll increment type * Custom button elements

examples as Nav, Main-Content, and sub-content

...

🌞 Best Practices

...