Slider
Future

Slider is a toggle plugin for drag interactions and for interfaces that slide on one axis.

Usage

You can have sliders on two different modes: 'relative' or 'absolute'.

SyntaxDefault / ArgumentsDescription
Optionmode:String'relative'Slider mode 'relative' or 'absolute'

Absolute

Use this code to create a slider in absolute mode.

Use off:hidden to hide with display: none; the node when not activated or animating.

Use xt-slide-absolute to position the node in absolute mode when animating out.

SyntaxMixinDescription
Component.xt-slide-absolutext-slide-absoluteSlide in absolute mode

In absolute mode all options of slider position are not taken in consideration because not applicable.

Check out slider's advanced absolute for advanced usage.