APERVEIL / DOCS / HTML
Attributes and events — HTML
Set an Aperveil custom element with attributes or properties, listen for ready and failed, and style it by its status.
02
Attributes, properties and events
Every control in the editor is an attribute in kebab-case (dot-color="#7af0ff") and a property in camelCase (element.dotColor = "#7af0ff"); element.values = { … } sets several at once. Changing one updates the running shader. The paused attribute holds the frame.
The element fires ready after its first frame and failed (the error in detail) if rendering fails. Content with slot="fallback" shows where WebGPU is unavailable, and data-aperveil-status on the element says loading, ready, unsupported or failed, for your own CSS.
Color Looks, browser support, performance and access are the same on every platform: see the overview.