Regional Tabs Awards Block for React

Edit REGIONS: each has an id, a label, an office line and its awards (a title, a programme, a country code, a fixed year and the shape of its drawn mark). The tab counts and the header tally are counted from the list.

No. Every panel is stacked unseen in the same grid cell as the open one, so the cell is as tall as the longest panel. The unseen copies are hidden from assistive technology and from the keyboard.

Tab moves into the tab list and then to the open panel, the arrow keys move between tabs, and Home and End jump to the first and last. This is the library's own tab behaviour on every target.

They keep each row to one short line. The code is plain text in the row, and a screen reader reads it as part of the line, so nothing depends on a flag or a colour.

The tab list scrolls sideways when it does not fit, the office line stays above the awards and the awards fall to one column.

No. Every programme, award, office and product here is made up for the example, and the marks are drawn by the block. The countries are real places named in text.