TEDI-Design-System/react

Carousel

Default

Top pagination - arrows only

Separated bottom pagination - has dots

Separated bottom pagination - has numbers

Centered bottom pagination - has dots

Centered bottom pagination - has numbers

Combinations - top navigation, bottom dots

Centered - has dots

Centered - has numbers

Faded

Faded - both sides

Peeking

Peeking - both sides (centered)

Bounded - overlay arrows (no loop)

Examples

Chromatic publishes Storybook to streamline collaboration

Learn more Sign in