How to get the document title using id?

[dninomiya]

For example, I think it is possible if you have the following function.

getDocTitle('docId(fileName)')

[slorber]

You might find these 2 hooks useful.

import {useDocsVersion,useDocById} from '@docusaurus/theme-common';

useDocById("xyz").title

useDocsVersion().docs.find(doc => doc.title = "XYZ title").id

But keep in mind they are for now internal APIs that we might do breaking changes on (altough it's unlikely the feature will totally disappear), so only use this wisely in your site code (ie avoid publishing an open-source plugin using those)

Note: these hooks will only work on components rendered on docs page (ie not on your homepage or blog posts). One id can be used in multiple docs versions so you have to be browsing a specific version for Docusaurus to know which to return.

[dninomiya]

Thanks for the answer!

[dninomiya]

@slorber
Is there a way to get the document title from the page component...?

[slorber]

@dninomiya unfortunately not possible atm

for bundle size reason, all docs data are not available everywhere

Only a small subset is available globally through the global data API (id, path, sidebar): https://docusaurus.io/__docusaurus/debug/globalData

This upcoming feature might help you enrich this global data with additional fields: #6923

(not perfect as you'd need to duplicate the title frontmatter somehow, but better than nothing, and verbosity/duplication will be later fixed with a createFrontMatter api)

[mellson]

@slorber it seems like useDocById has been removed in v3? Is there a new way to do something similar? In my use case I need to grab the description from another document.

update: found it, just needed to import it from here: import { useDocById } from '@docusaurus/theme-common/internal';