API Endpoints Features Block for React

Edit ENDPOINTS at the top of the file: each entry has a method, a path, a summary, the status it answers with, and the request and response as one string per line. An empty response shows "(no body)", as the delete row does. Set startsOpen on any row you want open at load.

Yes. Each row is its own Collapsible, so opening one never closes another. Every row's header is a button inside a heading, so Tab moves from row to row and Enter or Space opens it; there is no arrow-key navigation between rows.

The snippets are real text in a pre, so they select and copy normally. A line wider than the box scrolls sideways, and the snippet takes keyboard focus so it can be scrolled without a mouse; on a phone the request and response stack, each scrolling on its own.

By weight and outline: GET is muted, POST is bold, DELETE has a stronger border. The status code is a number in monospace, and screen readers hear it as "Responds 201 Created". The block uses no green or red, so it looks the same in every theme.

It's an outline button that is a link (href="#"): point it at your docs. The button renders the link it's given with render, with nativeButton={false}.

The path breaks onto a second line instead of overflowing, the sentence drops under it, and the status and chevron stay at the end of the first row. Opened rows show the request above the response. Nothing scrolls sideways except a long snippet line, inside its own box.