Carousel
UICarousel
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.
Playground Coming Soon!
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.