ui-kit-htx previewGitHub
← tables

table

5 stories — source: table.greg.py

default

NameStatusInstances
API gatewayhealthy4
Job workerdegraded2
Cachedown0
Discoveryunknown1
Plain-text columns — text extraction from dict rows by key.

cell-with-badge

ServiceStatus# Instances
API gatewayhealthy4
Job workerdegraded2
Cachedown0
Discoveryunknown1
Q12 cell-lambda: each row's status renders as a Badge. The Badge is the SAME component used elsewhere — same DOM id pattern, same state binding, same theme.

cell-with-multiple-components

FilenameStateSizeActions
prod_2026-04-25_1030.baklive1.2 GB
prod_2026-04-24_1030.bakstaged1.2 GB
prod_2026-04-23_1030.bakarchived1.1 GB
Cell with multiple Components composed via htpy. Demonstrates the backup-management UI shape — the proof use case for v3.

cell-passing-row-state

FilenameAction
prod_2026-04-25_1030.bak
prod_2026-04-24_1030.bak
prod_2026-04-23_1030.bak
Per-row Button props derived from row state: label includes row filename, role flips based on state, disabled when state=='live'. This is the test the user asked for — Button state passes INTO a Table from the row data.

composition

Name
x
Parent .add() composes with table base classes.