IgxSlideComponent

A slide component that usually holds an image and/or a caption text. Slide is usually a child component of a carousel.

<igx-slide [input bindings] >
   <ng-content></ng-content>
</igx-slide>

Constructors

new IgxSlideComponent(): IgxSlideComponent

Returns IgxSlideComponent

Properties

cssClass

Returns the class of the slide component.

let class =  this.slide.cssClass;

cssClass: string = 'igx-slide'

Defined in projects/igniteui-angular/carousel/src/carousel/slide.component.ts:95

direction

Gets/sets the target direction for the slide.

<igx-carousel>
 <igx-slide direction="NEXT"></igx-slide>
<igx-carousel>

direction: CarouselAnimationDirection

Defined in projects/igniteui-angular/carousel/src/carousel/slide.component.ts:48

index

Gets/sets the index of the slide inside the carousel.

<igx-carousel>
 <igx-slide index="1"></igx-slide>
<igx-carousel>

index: number

Defined in projects/igniteui-angular/carousel/src/carousel/slide.component.ts:36

previous: boolean = false

Defined in projects/igniteui-angular/carousel/src/carousel/slide.component.ts:126

tab

Returns the role of the slide component. By default is set to tabpanel

tab: string = 'tabpanel'

Defined in projects/igniteui-angular/carousel/src/carousel/slide.component.ts:80

total

total: number

Defined in projects/igniteui-angular/carousel/src/carousel/slide.component.ts:51

Accessors

active

Gets/sets the active state of the slide.

<igx-carousel>
 <igx-slide [active] ="false"></igx-slide>
<igx-carousel>

Two-way data binding.

<igx-carousel>
 <igx-slide [(active)] ="model.isActive"></igx-slide>
<igx-carousel>

get active(): boolean

Defined in projects/igniteui-angular/carousel/src/carousel/slide.component.ts:116

Returns boolean

set active(value: boolean): void

Defined in projects/igniteui-angular/carousel/src/carousel/slide.component.ts:120

Parameters

value: boolean

Returns void

nativeElement

Returns a reference to the carousel element in the DOM.

let nativeElement =  this.slide.nativeElement;

get nativeElement(): any

Defined in projects/igniteui-angular/carousel/src/carousel/slide.component.ts:144

Returns any

tabIndex

Returns the tabIndex of the slide component.

let tabIndex =  this.carousel.tabIndex;

get tabIndex(): number

Defined in projects/igniteui-angular/carousel/src/carousel/slide.component.ts:63

Returns number

Methods

ngAfterContentChecked

A callback method that is invoked immediately after the default change detector has completed checking all of the directive's content.

ngAfterContentChecked(): void

Defined in projects/igniteui-angular/carousel/src/carousel/slide.component.ts:155

Constructors