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.