Examples

Counter

Slider

This example builds a slider without a dedicated component. Indexable owns the index — total sets the number of slides and boundary="loop" wraps around — while Action triggers goPrev(), goNext() and goTo(). A co-located Action bridges the reactive rendering: because $emit() dispatches a native CustomEvent whose detail is the payload object, data-on:index catches the index event and forwards event.detail.index to every DataBind and DataComputed, which move the track, highlight the dots and update the counter. No carousel component is registered.