Nav open / close arrow

Styles

Using this Component

Carousels are used to display a horizontally-paginated list of tiles.


Content

Carousels display the UITile component within them. Because of the carousel’s pagination, the number of tiles is not technically restricted, but should ideally be limited to no more than a few pages worth of content to avoid disorientation.


Alternatives

When visual prominence is not required, a UICollection can be used to display a list of references.

Structure

Behavior

Carousels are not interactive except when paginating, however, the tiles within a carousel are interactive.


Pagination

If there are more tiles in a carousel than can be displayed at once, floating pagination buttons appear on the left and/or right edge of the carousel. These buttons are only visible when the carousel can be scrolled in that direction.

Related Components

Last Updated

August 6, 2020

Coming soon...

Component code details for this component are not currently available, but we're working on it!

Checkout this UIKit component's code and comments in the codebase for usage examples, props, and more.

Eng Description

Code Path & Props

Up to date props can be found at the codepath above.

Example Code