Filterable Changelog Block for React

Edit RELEASES at the top of the file, newest first: each has a version, a date as an ISO day, a title, a summary and a kind. A kind is a constant with an icon, an id and a label; add one to the constants and to KINDS, and its choice, its count and its rows follow. The "All" count and the foot line come from the list's length.

So nothing below it jumps. The shown rows and an unseen, inert copy of all nine share one grid cell, and the cell is as tall as the copy. The foot line sits under that height, so the status and the link stay put. Shorter lists leave quiet space above the foot line, on purpose.

The choices are a labelled group of buttons, each named by its kind and its count, with the current one pressed. Choosing one changes a polite status ("Showing 3 of 9 releases"). The unseen copy is hidden from assistive technology and can't take focus.

Yes in look and behaviour. The group is a single-choice Toggle Group wired the way each library does it, with an empty selection ignored so one choice always stays on. It takes a value array (value={[kind]}).

Below sm each row stacks the version and day above the title and sentence, and the choices scroll sideways in their own row; nothing else scrolls at 320 pixels. In a right-to-left layout the row of choices starts at the start edge and versions keep their reading order.

The header and list fade up once on load, and the rows fade in for 200 ms when you change the filter. With reduced motion both are off and the rows swap at once.