Skip to main content

Interactive

Every interaction, declared not scripted

Buttons, sliders, carousels, tabs, accordion, copy, filter, theme, and dialog.

Declarative actionyaml
on:
  click:
    action: set-value
    path: state.mode
    value: advanced
80

Mode

The default presentation with concise content.

Details

Why no page-authored script?

Script in a spec is an unbounded executable surface and breaks determinism.

Why native controls first?

The platform already implements keyboard and assistive behavior correctly.

Why a closed action list?

A closed vocabulary can be validated, tested, and reviewed.

5

Fixtures

  • plan.yaml
  • explain.yaml
  • recap.yaml
  • diff.yaml
  • dashboard.yaml
  • media.yaml
  • interactive.yaml

Runtime details

Event delegation reads action data attributes; state changes update ARIA without a framework.