Update the Carousel Autoplay example to include autoplayInterval prop

[dmytrokirpa]

Component

Carousel

Package version

latest

React version

19

Environment

System:
    OS: macOS 26.3
    CPU: (16) arm64 Apple M3 Max
    Memory: 16.01 GB / 64.00 GB
    Shell: 5.9 - /bin/zsh
  Browsers:
    Chrome: 145.0.7632.76
    Edge: 145.0.3800.58
    Safari: 26.3
  npmPackages:
    @fluentui/react-icons: ^2.0.306 => 2.0.311 
    @fluentui/react-icons-northstar: 0.66.5 => 0.66.5 
    @fluentui/react-northstar: 0.66.5 => 0.66.5 
    @types/react: 19.2.2 => 19.2.2 
    @types/react-dom: 19.2.2 => 19.2.2 
    react: 19.2.0 => 19.2.0 
    react-dom: 19.2.0 => 19.2.0

Current Behavior

The autoplay example doesn’t clearly demonstrate how to use the autoplayInterval prop, and because it’s not linked to the autoplay button, it causes confusion for users.

Expected Behavior

The autoplay example clearly demonstrates how to set the interval at which the carousel slides are displayed.

Reproduction

https://stackblitz.com/edit/bpbcbk5d?file=src%2Fexample.tsx

Steps to reproduce

N/A

Are you reporting an Accessibility issue?

None

Suggested severity

Low - Has or doesn't need a workaround

Products/sites affected

No response

Are you willing to submit a PR to fix?

yes

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.