Related Topics
Guide readers to adjacent documentation with a compact, linked topic list.
Loading documentation…
Powered by heyo
RelatedTopics creates a compact list of useful next pages, while RelatedTopic renders each row. It is a focused alternative to repeating inline links throughout a page: readers can finish the current explanation, then choose a logical next topic from one predictable place.
Use this component near the end of a guide, reference page, or conceptual overview to point to pages a reader is likely to need next. It is especially helpful for sibling concepts, optional deep dives, prerequisites that do not belong in the main flow, and links to external references.
Prefer three to five genuinely relevant destinations. A long list behaves like another navigation menu and makes it harder to choose a next step. Keep the label action-oriented and specific, such as Configure navigation rather than More information.
Relative src values stay in the documentation site. Full URLs are recognised as external links and open in a new tab with noreferrer. Omitting src renders a non-clickable row, which is useful for showing an unavailable or upcoming topic but should be the exception.
Related topics can also close an overview page: use a focused heading and three well-chosen destinations to give a reader an obvious route through the work.
A RelatedTopics heading. It defaults to
Related topics. Supply a short title such as
Continue learning when the links represent a particular next
action.
The topic rows to display. Place RelatedTopic elements directly
inside the list so the component can preserve its accessible list structure.
Extra classes for the outer RelatedTopics section.
A RelatedTopic label. If it is omitted, the component uses the
topic's children as the label.
A RelatedTopic destination. Relative paths render as normal
documentation links; absolute URLs render as external links in a new tab.
Omit it to render a static, non-clickable row.
A RelatedTopic icon name. It defaults to book.
Choose a name from the configured Heyo Docs icon set that matches the
destination's purpose.
Fallback content for an individual RelatedTopic when
name is not set.