- Source:
Example
<c-custom-slider
slides-data={slides}
custom-height="500px"
custom-width="100%"
auto-scroll
hide-navigation-buttons
hide-slide-text
hide-slide-number
></c-custom-slider>Extends
- LightningElement
Members
autoScroll :boolean
If present, automatic slide scrolling will be enabled.
Type:
- boolean
- Default Value:
-
- false
- Source:
customHeight :string
Set maximum height of the slider in percent or pixels.
Type:
- string
- Default Value:
-
- ''
- Source:
customWidth :string
Set maximum width of the slider in percent or pixels.
Type:
- string
- Default Value:
-
- '600px'
- Source:
hideNavigationButtons :boolean
If present, the "next" and "prev" navigation buttons will be hidden.
Type:
- boolean
- Default Value:
-
- false
- Source:
hideNavigationDots :boolean
If present, the navigation dots below the slider will be hidden.
Type:
- boolean
- Default Value:
-
- false
- Source:
hideSlideNumber :boolean
If present, the current slide number will be hidden.
Type:
- boolean
- Default Value:
-
- false
- Source:
hideSlideText :boolean
If present, the text overlay with heading and description will be hidden.
Type:
- boolean
- Default Value:
-
- false
- Source:
scrollDuration :number
Set the duration in milliseconds after which the next slide should be displayed.
Type:
- number
- Default Value:
-
- 5000
- Source: