Interface for a class Carousel
EmitType<SlideChangedEventArgs>
The event will be fired after the slide changed.
EmitType<SlideChangingEventArgs>
The event will be fired before the slide change.
Specifies the type of animation effects. The possible values for this property as follows
None: The carousel item transition happens without animation.Slide: The carousel item transition happens with slide animation.Fade: The Carousel item transition happens with fade animation.Custom: The Carousel item transition happens with custom animation.
@default ‘Slide’ boolean
Defines whether the slide transition is automatic or manual.
Defines how to show the previous, next and play pause buttons visibility. The possible values for this property as follows
Hidden: Navigation buttons are hidden.Visible: Navigation buttons are visible.VisibleOnHover: Navigation buttons are visible only when we hover the carousel. string
Accepts single/multiple classes (separated by a space) to be used for carousel customization.
Record[]
Specifies the datasource for the carousel items.
boolean
Enable or disable persisting component’s state between page reloads.
boolean
Enable or disable rendering component in right to left direction.
boolean
Defines whether to enable swipe action in touch devices or not.
string | number
Specifies the height of the Carousel in pixels/number/percentage. The number value is considered as pixels.
Record
Accepts HTML attributes/custom attributes to add in individual carousel item.
string | object
Accepts the template for indicator buttons.
Specifies the type of indicators. The available values for this property are:
Default: Displays the indicators with a bullet design.Dynamic: Applies a dynamic animation design to the indicators.Fraction: Displays the slides numerically as indicators.Progress: Represents the slides using a progress bar design. number
Specifies the interval duration in milliseconds for carousel item transition.
string | object
Specifies the template option for carousel items.
Allows defining the collection of carousel item to be displayed on the Carousel.
string
Overrides the global culture and localization value for this component. Default global culture is ‘en-US’.
boolean
Defines whether the slide transitions loop end or not. When set to false, the transition stops at last slide.
string | object
Accepts the template for next navigation button.
boolean
Enables active slide with partial previous/next slides. Slide animation only applicable if the partialVisible is enabled.
boolean
Defines whether the slide transition gets pause on hover or not.
string | object
Accepts the template for play/pause button.
string | object
Accepts the template for previous navigation button.
number
Specifies index of the current carousel item.
boolean
Defines whether to show the indicator positions or not. The indicator positions allow to know the current slide position of the carousel component.
boolean
Defines whether to show play button or not.
Specifies whether the slide transition should occur while performing swiping via touch/mouse. The slide swiping is enabled or disabled using bitwise operators. The swiping is disabled using ‘~’ bitwise operator.
string | number
Specifies the width of the Carousel in pixels/number/percentage. The number value is considered as pixels.