en-US

Animate through dEffect, support slide and fade.

zh-CN

通过 dEffect 设置动画效果，支持 slide 和 fade。

import { DSlides } from '@react-devui/ui';

export default function Demo() {
  return (
    <DSlides
      dList={Array.from({ length: 4 }).map((_, index) => ({
        id: index,
        content: (
          <div className="app-demo-slide" style={{ background: index % 2 ? 'rgb(54 77 121)' : 'rgb(94 113 148)' }}>
            Slide {index}
          </div>
        ),
      }))}
      dEffect="fade"
    ></DSlides>
  );
}