All articles

Slider, tabs and accordion without manual T123

Marker naming, runtime and published-page verification in one practical workflow.

Markers for three componentsWhen runtime is generatedHow to debug
01

Why markers exist

A layer name can include a service marker. The visual part remains a regular element while TildEka builds relationships and generates a hidden runtime after import.

02

Slider

Use [c-slide] for slides, [l-#prev] and [l-#next] for navigation, [c-dot] for dots, plus [c-current], [c-total] and [c-scrollbar] when needed.

03

Tabs and accordion

For tabs, connect trigger [l-#tab-1] with [c-tab-elem] and [c-tab-content] groups. For accordions, use [c-accordion] and [c-accordion-content] in one logical group.

04

Test the published page

Runtime executes on the published page, so editor-only testing is incomplete. Open DevTools, confirm there are no errors, then test keyboard use, clicks and repeated initialization.

  • Markers are unique within the component
  • Hidden panels do not capture clicks
  • The component works after refresh