<Document> is a Word-style hierarchical, auto-numbered document. Nest <DocumentSection> inside one another and the outline number (1, 1.1, 1.1.1 …) is generated
by CSS counters — you never write it, so reordering or inserting a section renumbers everything
automatically (up to six levels). Body copy goes in <DocumentText>.
Auto-numbered (default)
Introduction
This top-level section renders as "1 Introduction".
Scope
Nested one level — renders as "1.1 Scope".
Goals
Renders as "1.2 Goals".
Detail
Two levels deep — renders as "1.2.1 Detail".
Architecture
A new top-level section renders as "2 Architecture".
Manual numbering
Set isManual on the container and author each number via the section's number prop — useful for appendices or non-decimal schemes.
AAppendix
Author-written "A".
A.1Glossary
Author-written "A.1".
Flush — no indentation
With isFlush the per-level indentation is dropped; the number chain still conveys depth.
Requirements
Performance
No indentation; "1.1" still communicates depth.
Usage
Auto-numbered
<Document>
<DocumentSection heading="Introduction">
<DocumentText>Renders as "1 Introduction".</DocumentText>
<DocumentSection heading="Scope" level={3}>
<DocumentText>Renders as "1.1 Scope".</DocumentText>
</DocumentSection>
</DocumentSection>
</Document> Manual numbering
<Document isManual>
<DocumentSection heading="Appendix" number="A">
<DocumentSection heading="Glossary" number="A.1" level={3} />
</DocumentSection>
</Document>