SDK Versions Changelog Block for React

Edit SDKS at the top of the file. A language is an id, a name, its install command, a support state and its three latest releases (a version, an ISO date and a one-line note). The latest version in the tab, the large figure and the table all come from the first release, and the dates are spelled out by a small helper, so they read the same on the server and in every browser.

A shape and a word: a filled square and "Current", a half-filled square and "Maintenance", an empty square and "Deprecated", with a short hint beside each ("Security fixes only", "Ends Dec 31, 2026"). No status colour is used, so it reads the same in a greyscale theme.

It copies the command to the clipboard, swaps its icon for a check and, through a polite status line, tells screen readers "Copied the Python install command". If the clipboard refuses (a page not served over HTTPS, no permission) it says it couldn't copy. The command is also plain text in a focusable region, so it can be selected by hand and scrolls on a narrow phone.

Tab enters the tab list, the arrow keys move between languages and select them, and Home and End jump to the ends. On a phone the tab list scrolls sideways when the four tabs don't fit. In a right-to-left layout the arrows follow the reading direction.

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. On a phone the table folds each note under its version rather than adding a column, which keeps the panels close in height.

The header and the window fade up once on load, with CSS transitions. With reduced motion they are off and the block simply appears. Switching tabs swaps the panel at once, and the Copy button's icon swap has no scale with reduced motion.