Mobile App Changelog Block for React

Edit BUILDS at the top of the file, newest first. A build has a version, a build number, an ISO date, a title, the notes lines the store shows, its platforms, the size and needs text and the line the phone's page ends on. The phone and the article both read the same record, so they cannot disagree. Dates are fixed, never computed from today.

The three buttons are a single-choice toggle group that always keeps one pressed. Pressing one redraws the article and the phone, and a visually hidden polite line says which build is showing. The arrow keys move between the buttons. The page does not move, because the article of every build is laid out unseen in the same grid cell and the tallest sets its height.

No. It is built from boxes and text in your theme's greyscale, so it follows light and dark mode and stays sharp at any size. It is marked as decoration because the article beside it has the same text. Swap the drawing for a real screenshot if you prefer, and keep the article.

The tile at the top of the phone is a plain tile with two typed letters. Replace its contents with your own icon. Nothing in the block names or imitates a real app store.

Below lg the layout is one column: the title and sentence, the build buttons (which wrap), the article, and the drawn phone last, set off by a hairline. Nothing moves sideways at 320 pixels.

The header fades up once on load, with a CSS transition; with reduced motion it is off and the block simply appears. Choosing a build changes the text at once.