Data display

Tabular and list components rendered from dummy datasets.

vct-breadcrumb

Navigational trail rendered from an items array.

vct-badge

Status pills across all tones.

Primary

Secondary

Won

Pending

Lost

Draw

vct-new-badge

Time-limited “New” pill. Set new-until to an ISO calendar date; the host hides itself on that date (local midnight).

vct-eval-bar

Red/Black evaluation meter (shares always sum to 100%). Vertical left-of-board style; red-at-bottom follows board flip. Optional show-values centers each share in its segment.

Equal (50%)

Red better (72%)

Same score, flipped board (Red top)

Horizontal — Black better (Red 35%)

Without show-values

vct-table

A lightweight styled wrapper around a native table you author yourself.

Round	White	Black	Result
1	Li Wei	Nguyen Van A	1–0
2	Tran Thi B	Chen Hao	½–½
3	Le Quoc	Wang Lei	0–1

vct-data-table

Filterable, sortable and paginated table. State is persisted to URL params via state-key.

vct-list

Selectable list with optional descriptions and disabled items. Emits vct:select.

(select an item)

vct-game-thumbnail

Resolves game board previews: standard initial setups show ending FEN; custom/handicap starts show setup FEN.