Definition
Slider component wraps some in-lined items in a single gesture friendly container, which overflows horizontally, and present in the viewport a subset of them. It helps users on display a group of related information and focusing only in some, saving vertical spacing. Every slide item, could handle images, or any other content based on HTML.
Handlebars
Razor
Open in new tabProperties
The number of items in the viewport. By default 1.
Handlebars
Razor
Open in new tabThe number of items in the viewport, for every breakpoint.
Handlebars
Razor
Open in new tabDisable the slider for certain breakpoints
Handlebars
Razor
Open in new tabSlide automatically with defined timing.
Lighter controls for dark content.
Handlebars
Razor
Open in new tabDisable loop functionality. Enabled by default.
Enable center functionality. Disabled by default.
Handlebars
Razor
Open in new tabMove controls out from component. Disabled by default.
Move buttons out from component, but keep navigation dots inside. Disabled by default.
Changes dot indicator/control by a bar. Disabled by default.
Add small gradient for overflowed content. Disabled by default. Only applies when outerNavigation is enabled. Is better to combine with some gutter
This is a really long text...That forces the sliders to grow in height.
Lorem ipsum dolor sit amet, te est putent vocent apeirian, tota fugit cu vel, est quis impetus sententiae no. Mazim iusto dicunt vim id, eam ex modo commodo repudiare. Duis graeco eum et. Id est amet zril reprimique. Utroque luptatum evertitur his eu, sed eripuit antiopam conclusionemque et, eu dolorem molestie sit. Simul sanctus pri no, apeirian deterruisset his ei. Simul choro tantas eu vel.
- Vis in iracundia sadipscing
- Duo ea alii rebum reprimique
- Cu sumo nostro senserit eum
- Sed eu nibh mutat, at fabulas iracundia sit
Lorem ipsum dolor sit amet, te est putent vocent apeirian, tota fugit cu vel, est quis impetus sententiae no. Mazim iusto dicunt vim id, eam ex modo commodo repudiare. Duis graeco eum et. Id est amet zril reprimique. Utroque luptatum evertitur his eu, sed eripuit antiopam conclusionemque et, eu dolorem molestie sit. Simul sanctus pri no, apeirian deterruisset his ei. Simul choro tantas eu vel.
- Vis in iracundia sadipscing
- Duo ea alii rebum reprimique
- Cu sumo nostro senserit eum
- Sed eu nibh mutat, at fabulas iracundia sit
Video in second position