Slider

Molecule

Erişilebilir carousel. role="region" + aria-roledescription="carousel" + slide aria etiketleri dahildir. Otomatik oynatma, ok tuşları ve dot navigasyon desteklenir.

Preview

Slide 1

Code

<Slider
  slides={[
    <HeroSlide title="Slide 1" />,
    <HeroSlide title="Slide 2" />,
    <HeroSlide title="Slide 3" />,
  ]}
/>

Preview

Auto A

Code

<Slider slides={slides} autoPlay autoPlayInterval={2000} />

Preview

Slide 1 — dots only, no loop

Code

<Slider slides={slides} showArrows={false} loop={false} />

Slider

Default

Auto-play

No arrows / no loop

Navigation