Align
Slide alignment on activation.
Syntax | Default / Arguments | Description | |
---|---|---|---|
Option | align:String | 'center' | Alignment 'left' or 'center' or 'right' |
Contain
When contain
is enabled (default) it groups the slides activation and positions when position values would be the same on start and end.
Syntax | Default / Arguments | Description | |
---|---|---|---|
Option | contain:Boolean | true | If true contain the slides on available width |
Wrap
Wrap the slides for an infinite activation. Automatically has loop and no contain.
Syntax | Default / Arguments | Description | |
---|---|---|---|
Option | wrap:Boolean|Number | false | Wrap slides on start and end, if number activates only after checks available space based on available dragger width factor from 0 to 1 |
Wrap automatically doesn't activate if there's not enough space to wrap elements.
Group
When group
is enabled (set a number from 0 to 1) it groups the slides activation and positions when they are inside the dragger
width factor you specify.
When groupSame
is enabled (default) it groups the slides activation (not positions) when when they are inside the dragger
.
Syntax | Default / Arguments | Description | |
---|---|---|---|
Option | group:Number | false | Set automatic grouping based on available dragger width factor from 0 to 1 |
Option | groupSame:Boolean | true | Group same activations |
Auto Height
Syntax | Default / Arguments | Description | |
---|---|---|---|
Option | autoHeight:Query | false | Element inside slider to automaticaly height, remember to transition height |
Option | keepHeight:Query | false | Elements to keep height of the first slide |
Remember to set xt-slides
with items-start
, add flex flex-col
to the parent div of [data-xt-slider-autoheight]
to fix slider container height bug.