v1d kit

@v1d/web-kit 0.10.0: each part in four modes, drawn from its example file in the package.

boxMeter

A reading as small boxes, as many lit as it is high; the page gives the colour and the size (--meter-size).

Normal
Empty
Error
Phone, 390 px

codeBlock

Data or code in monospace: a small title, what it belongs to, and a well that scrolls sideways.

Normal
Empty
Error
Phone, 390 px

filterChips

A toggle per kind of thing, each with its icon and its count; a press lights one and onChange hears every one that is lit.

Normal
Empty
Error
Phone, 390 px

panel

One surface with a head (a mark, a title in capitals, one action at its end) when it has a title, otherwise the surface alone.

Normal
Empty
Error
Phone, 390 px

searchField

A field for words to search by: the icon, then the input. Escape clears it and onInput hears every change.

Normal
Empty
Error
Phone, 390 px

songRow

A song as a row of a time view: its wave, and zoomed in to eight seconds or less its low, mid and high bands apart.

Normal
Empty
Error
Phone, 390 px

TimeView

An axis, rows of anything drawn on one canvas, a playhead and + − Fit buttons: wheel and pinch zoom, drag pans, a press seeks.

Normal
Empty
Error
Phone, 390 px