Reference
One page per custom element, generated from custom-elements.json, which is extracted from src/*.js. Nothing on these pages is written by hand, so they cannot drift from the code.
81 ELEMENTS · 67 GROUPS · 81 RUNNING BELOW
ov-fieldField shaders
ov-ornamentField shaders
A
B
ov-graphNode graph
ov-linkNode graph
ov-nodeNode graph
ov-socketNode graph
ov-reticleReticles
ov-faultScreen faults
Every element, by name
The same 81, in the order the sidebar lists them. attrs read elsewhere marks an element whose attributes are handled by a parent, which is a different claim from having none.
| element | attrs | props | events | marks stale | source |
|---|---|---|---|---|---|
| ov-allocator | 7 | 1 | 2 | no | src/ov-allocator.js |
| ov-annunciator | 10 | 1 | 3 | no | src/ov-annunciator.js |
| ov-ansi | 1 | 0 | 0 | no | src/ov-ansi.js |
| ov-spark | 8 | 1 | 0 | no | src/ov-ascii.js |
| ov-cellbar | 6 | 1 | 0 | no | src/ov-ascii.js |
| ov-avatar | 5 | 0 | 0 | no | src/ov-avatar.js |
| ov-balance | 14 | 1 | 0 | no | src/ov-balance.js |
| ov-baseline | 14 | 1 | 2 | yes | src/ov-baseline.js |
| ov-chart | 8 | 1 | 0 | no | src/ov-chart.js |
| ov-clearance | 6 | 1 | 0 | no | src/ov-clearance.js |
| ov-cli | 5 | 0 | 1 | no | src/ov-cli.js |
| ov-consistency | 3 | 1 | 0 | no | src/ov-consistency.js |
| ov-continuity | 2 | 1 | 0 | no | src/ov-continuity.js |
| ov-countdown | 6 | 1 | 1 | no | src/ov-countdown.js |
| ov-coverage | 3 | 1 | 0 | no | src/ov-coverage.js |
| ov-dial | 5 | 0 | 1 | no | src/ov-dial.js |
| ov-donut | 4 | 1 | 0 | no | src/ov-donut.js |
| ov-dose | 1 | 1 | 0 | no | src/ov-dose.js |
| ov-downlink | 4 | 0 | 1 | no | src/ov-downlink.js |
| ov-ecg | 17 | 1 | 1 | no | src/ov-ecg.js |
| ov-endurance | 3 | 1 | 0 | no | src/ov-endurance.js |
| ov-fan | 7 | 1 | 0 | no | src/ov-fan.js |
| ov-fault | 5 | 0 | 0 | no | src/ov-fault.js |
| ov-field | 1 | 0 | 0 | no | src/ov-field.js |
| ov-flap | 9 | 1 | 0 | yes | src/ov-flap.js |
| ov-gauge | 10 | 1 | 0 | yes | src/ov-gauge.js |
| ov-geomap | 6 | 2 | 0 | no | src/ov-geomap.js |
| ov-graph | 0 | 0 | 0 | no | src/ov-graph.js |
| ov-node | 3 + read elsewhere | 0 | 0 | no | src/ov-graph.js |
| ov-socket | 4 + read elsewhere | 0 | 0 | no | src/ov-graph.js |
| ov-link | 0 + read elsewhere | 0 | 0 | no | src/ov-graph.js |
| ov-grid | 1 | 0 | 0 | no | src/ov-grid.js |
| ov-histogram | 6 | 1 | 0 | no | src/ov-histogram.js |
| ov-hold | 3 | 0 | 2 | no | src/ov-hold.js |
| ov-horizon | 3 | 1 | 0 | no | src/ov-horizon.js |
| ov-icon | 2 | 0 | 0 | no | src/ov-icons.js |
| ov-ladder | 1 | 1 | 0 | no | src/ov-ladder.js |
| ov-likelihood | 2 | 1 | 0 | no | src/ov-likelihood.js |
| ov-locator | 4 | 1 | 0 | no | src/ov-locator.js |
| ov-log | 3 | 0 | 0 | no | src/ov-log.js |
| ov-map | 6 | 0 | 0 | no | src/ov-map.js |
| ov-match | 6 | 1 | 0 | no | src/ov-match.js |
| ov-menu | 0 | 0 | 0 | no | src/ov-menu.js |
| ov-modal | 0 | 0 | 0 | no | src/ov-modal.js |
| ov-mosaic | 5 | 1 | 0 | no | src/ov-mosaic.js |
| ov-orbit | 5 | 1 | 0 | no | src/ov-orbit.js |
| ov-ornament | 1 | 0 | 0 | no | src/ov-ornament.js |
| ov-plate | 4 | 1 | 1 | no | src/ov-plate.js |
| ov-player | 9 | 1 | 1 | no | src/ov-player.js |
| ov-polygon | 2 | 1 | 0 | no | src/ov-polygon.js |
| ov-position | 5 | 1 | 0 | no | src/ov-position.js |
| ov-procedure | 6 | 1 | 3 | no | src/ov-procedure.js |
| ov-quorum | 13 | 1 | 1 | no | src/ov-quorum.js |
| ov-radar | 9 | 0 | 0 | no | src/ov-radar.js |
| ov-rangebar | 4 | 1 | 0 | no | src/ov-rangebar.js |
| ov-reticle | 2 | 0 | 0 | no | src/ov-reticle.js |
| ov-schematic | 3 | 2 | 0 | no | src/ov-schematic.js |
| ov-scope | 3 | 0 | 0 | no | src/ov-scope.js |
| ov-score | 5 | 1 | 0 | no | src/ov-score.js |
| ov-segment | 12 | 1 | 0 | yes | src/ov-segment.js |
| ov-sequence | 3 | 1 | 0 | no | src/ov-sequence.js |
| ov-sound-switch | 1 | 0 | 0 | no | src/ov-sound-switch.js |
| ov-split | 2 | 0 | 0 | no | src/ov-split.js |
| ov-station | 6 | 1 | 1 | no | src/ov-station.js |
| ov-switch | 11 | 2 | 3 | no | src/ov-switch.js |
| ov-table | 2 | 2 | 1 | no | src/ov-table.js |
| ov-tactical | 12 | 2 | 1 | no | src/ov-tactical.js |
| ov-term | 5 | 0 | 0 | no | src/ov-term.js |
| ov-text | 4 | 1 | 0 | no | src/ov-text.js |
| ov-timeline | 7 | 1 | 2 | no | src/ov-timeline.js |
| ov-timestack | 2 | 1 | 0 | no | src/ov-timestack.js |
| ov-topology | 3 | 1 | 0 | no | src/ov-topology.js |
| ov-track | 6 | 0 | 0 | no | src/ov-track.js |
| ov-transport | 3 | 0 | 3 | no | src/ov-transport.js |
| ov-tree | 0 | 0 | 1 | no | src/ov-tree.js |
| ov-verifier | 6 | 1 | 1 | no | src/ov-verifier.js |
| ov-vitals | 9 | 1 | 1 | no | src/ov-vitals.js |
| ov-waterfall | 3 | 0 | 0 | no | src/ov-waterfall.js |
| ov-wave | 3 | 0 | 0 | no | src/ov-wave.js |
| ov-window | 6 | 0 | 1 | no | src/ov-window.js |
| ov-wireframe | 6 | 2 | 0 | no | src/ov-wireframe.js |
Reading the snippets
Every signature on these pages is generated from the same manifest as the wrappers themselves, so a handler name on a page and a handler name in the code cannot disagree. The colour says where a token came from.
NAME from the manifestplaceholder you supply itsyntax the language
Global events
These are dispatched by a module rather than by an element, so they appear on no page above. Listen on the target named here.
| event | dispatched on | source |
|---|---|---|
ov:flip | element | src/ov-flip.js |
ov:chord | document | src/ov-keys.js |
ov:key | document | src/ov-keys.js |
ov:arrived | element | src/ov-reveal.js |
ov:sound | window | src/ov-sound.js |
ov:tab | element | src/ov-tabs.js |
CSS layer
Classes with no element behind them: buttons, badges, the status badge, strips, form controls, the motion vocabulary. Extracted from src/*.css into css-classes.json by tools/css_api.py, so these pages cannot drift from the stylesheets either. A block that belongs to a custom element is left to that element's page.
68 BLOCKS · 18 STYLESHEETS · 7 USED BY NO DEMO AND WRITTEN BY NO SCRIPT