Technical Writer Documentation Types Profile Block for React

Edit DOCS. Each kind has a title, the words in its opening, a last-reviewed date in ISO form and its parts: an id, an outline label, the kind of drawing (lines, table, code, callout or steps) and the words it holds. The totals, the reading time (at 200 words a minute) and the share a marked part holds are worked out from those, so nothing is typed twice. To show real pages, replace the drawn Page with an image of the page and keep the outline and the figures.

It is the catalog's Toc: a named list of links, one per part, in the page's order. Pressing a link marks its part of the drawn page and the status line under the panel says what the part holds. In a real page the same links scroll to the headings, and the Toc follows the reader as they scroll; here the page is a picture that always shows every part, so the links only mark.

All of it. The pages are drawings, the words are typed examples and the mark is a choice held in the page. Wire the outline to your own headings by giving each heading an id and linking to it, and read the word counts from your content.

The tabs are named by the kind of page and keep the usual arrow-key behaviour. The drawn page is a picture and is hidden from assistive technology; everything it stands for is in the outline, the figures and the polite status line, which says the result of every press. The marked entry carries a current state and a heavier weight, and the part itself gets an outline and a label, so the mark is never only a tone.

The tabs scroll sideways, the drawn page sits at the top, the three figures follow in a row and the outline comes under them. The panel keeps its height when you change the kind of page.