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 event, data-on:index catches the index event and forwards event.detail[0] to every DataBind and DataComputed, which move the track, highlight the dots and update the counter. No Slider component is registered.