Carousel - Orientation × Breakpoint: Horizontal × sm · md · lg, Vertical × sm · md
Carousel Item - none: standalone, 312 × 312
Carousel Basic - none: standalone, 408 × 348, with a caption
Using the Carousel
What does the Breakpoint axis change?
How many slides fit, not how big the frame is. A horizontal carousel is 384 wide at sm, md and lg alike - one slide at sm, two at md, three at lg - so the slides shrink and the frame gets shorter. Naming the variants after breakpoints rather than sizes is what makes that read correctly.
Why is there no Vertical / lg?
Because a column of three slides stops being a carousel and starts being a list. Vertical stops at two, which is why the set is five variants and not six.
Why do twenty of the twenty-five go to the arrow?
Two orientations times two directions times five states. It is a small button but it is the only interactive part of the component, so every state it can reach is drawn - including Pressed, which most of the kit does not carry.
Where do the arrows sit?
Outside the track, 48px from the frame's edge, leaving 16px of clear space. Nothing overlaps a slide. That is a deliberate departure from the arrows-over-the-image pattern: a slide is content, and a control sitting on it costs you part of the picture.