# Carousel

Speed is controlled by passing a number (in milliseconds) to the Carousel component.

```
      <Carousel speed={750}>
        <Carousel.Pane>
          <div style={{ ...boxStyles, backgroundColor: 'blue' }}>
            <h1 style={{ fontSize: '60px', color: 'white' }}>1</h1>
          </div>
        </Carousel.Pane>
        <Carousel.Pane>
          <div style={{ ...boxStyles, backgroundColor: 'red' }}>
            <h1 style={{ fontSize: '60px', color: 'white' }}>2</h1>
          </div>
        </Carousel.Pane>
        <Carousel.Pane>
          <div style={{ ...boxStyles, backgroundColor: 'orange' }}>
            <h1 style={{ fontSize: '60px', color: 'white' }}>3</h1>
          </div>
        </Carousel.Pane>
      </Carousel>
```