ArdoDocContent
On this page
The article, outline, and page actions of a documentation page, without the
surrounding layout. Use it inside ArdoLayout in a custom root.
import { ArdoDocContent } from "ardo/ui"
<ArdoDocContent>{children}</ArdoDocContent>
Props
| Name | Type | Required | Description |
|---|---|---|---|
children | ReactNode | Yes | |
editLink | { pattern: string; text?: string } | No | Edit link configuration (overrides ArdoSiteConfig) |
lastUpdated | { enabled?: boolean; text?: string; formatOptions?: Intl.DateTimeFormatOptions } | No | Last updated configuration (overrides ArdoSiteConfig) |
outline | ReactNode | No | Optional in-page navigation, displayed after the article heading. |
header | ReactNode | No | Replace the article heading; false omits it. Undefined keeps the default. |
footer | ReactNode | No | Replace edit/updated metadata and previous/next links; false omits them. |
tocLabel | string | No | TOC label (forwarded to TOC). |
tocSource | "metadata" | "dom" | No | Outline source. DOM mode includes component-rendered headings after hydration. |
rail | ReactNode | No | Replace the right-hand page rail; false omits it. Undefined keeps the default. |
Props type: ArdoDocContentProps
Example
<ArdoLayout header={<ArdoHeader />} sidebar={<ArdoSidebar />}>
<ArdoDocContent>
<ArdoOutlet />
</ArdoDocContent>
</ArdoLayout>