Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA sortable outline with automatic section numbers (1, 1.1, 1.2) that renumber after every move, plus Promote, Demote and Add section buttons. Use this when authors structure a long document before writing it.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use it for report, paper and proposal templates, and any long-form document planned as a tree of sections before it is written.
Do not use it for the table of contents of a finished page (use table-of-contents-tree) or for flat lists.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
outline | TreeNode[] | - | The sections. |
onOutlineChange | (outline) => void | - | Called after every change. |
The pattern ships with a Testing Library test (document-outline-editor.test.tsx) that covers numbering, renumbering after a move, promote, demote and adding.