List row

All copy is placeholder. Real strings come from the i18n layer.

Events

The muted row is dimmed and labelled Completed. Opacity alone survives neither greyscale nor a screen reader, so it never carries the meaning by itself.

Guests — a figure the row is about

Figures use tabular numerals, so a column of them lines up. Statuses here are buttons — changed in place, without opening the guest.

Whole-row link

The title is the anchor; the hit area is the row. Tab to it — focus lands on the link, not the container.

A row is never itself a button. A clickable container has no accessible name, cannot be reached by keyboard, and leaves no room for a second action — note the Duplicate button still works independently here.

Selected, and loading

Narrow, and long content

  • Veranstaltungsorteinstellungen und Zeitzonenverwaltung Wirwerdenamdonnerstagerneutversuchen — an absurdly long token
    12 pax
    Unpaid
Actions wrap below the title rather than squeezing it. Nothing scrolls sideways.