API Endpoint Changelog Block for React

Edit FIELDS for the table and SAMPLES for the tabs (an id, a label, a heading over the code, the code itself and an action phrase for the Copy button's name). The three code strings (REQUEST, RESPONSE, ERRORS) sit above them. The title, the path and the version in the header are plain text in the same file.

The Type Table folds each field's description away behind a click, and here the one line each field gets is the point, so it is always visible. A native table with a caption (hidden, for screen readers), header cells and row headers is also identical on every base. Optional fields say "optional" in words.

It copies that panel's code to the clipboard, swaps its icon for a check and, through a polite status line, tells screen readers what it copied ("Copied the curl request"). If the clipboard refuses it says it couldn't copy. The code is also plain text in a focusable region, so it can be selected by hand and scrolls on a phone.

Tab enters the tab list, the arrow keys move between Request, Response and Errors and select them, and Home and End jump to the ends. Tab again reaches the code region, which scrolls with the arrow keys, and then the Copy button.

An unseen copy of every panel sits in the same grid cell as the open one, so the window is always as tall as the tallest panel (the request).

Below lg the split stacks (the title and fields first, the window under them) and a rule is drawn between the two. The tab list scrolls sideways if the tabs don't fit, and the code keeps its left-to-right direction in a right-to-left layout, since code doesn't mirror.