Carousel¶

import { SiCarouselComponent, SiCarouselItemDirective } from '@siemens/element-ng/carousel';

@Component({
  imports: [SiCarouselComponent, SiCarouselItemDirective, ...]
})

<si-carousel>
  <div siCarouselItem><h2>Slide 1</h2></div>
  <div siCarouselItem><h2>Slide 2</h2></div>
  <div siCarouselItem><h2>Slide 3</h2></div>
</si-carousel>

typescript
import { SiCarouselComponent, SiCarouselItemDirective } from '@siemens/element-ng/carousel';

@Component({
  imports: [SiCarouselComponent, SiCarouselItemDirective],
  template: `
    <si-carousel>
      <div siCarouselItem><h2>Slide 1</h2></div>
      <div siCarouselItem><h2>Slide 2</h2></div>
      <div siCarouselItem><h2>Slide 3</h2></div>
    </si-carousel>
  `
})
export class MyComponent {}