Slider

A component which displays its children in a slideshow or carousel.

Example:

<Slider title="Questions to explore:" >
    <p>Try generating new samples of the Normal data. You'll notice that the points don't always lie exactly on the line. This is typical variation. As you generate more random realizations of this plot you'll get better calibrated to the kind of deviation you can expect to see from this large a sample of Normal data.</p>
    <p>How do the normal qq plots change as you vary the df parameter for the t-distributed data?</p>
    <p>Can you tell just by looking at the t.data histograms that the data aren't normally distributed? Is it easier to tell from the QQ plots?</p>
    <p>How do the normal qq plots change as you vary the shape parameter in the gamma-distributed data?</p>
</Slider>

Open interactive preview

Options:

  • title | string: title for the slideshow / carousel to be displayed at its top. Default: ''.
  • dots | boolean: display dots at the bottom for quickly navigating to any slide. Default: true.
  • fade | boolean: controls whether fading is used for transitioning between the slides. Default: false.
  • draggable | boolean: controls whether users can drag the slides to navigate between them. Default: true.
  • goto | number: If property is changed, the component jumps to the slide with the selected index. Default: 0.
  • infinite | boolean: controls whether the slideshow wraps around it's contents. Default: false.
  • interval | number: sets a time interval for an automatic slide change. Default: none.
  • onClick | function: callback invoked when clicking on the next/previous buttons. Default: onClick() {}.
  • style | object: CSS inline styles. Default: {}.
  • swipeToSlide | boolean: enables drag/swipe behavior. Default: true.

results matching ""

    No results matching ""