Is three-pane layout possible in Docusauras?

[minolivartak]

Hi, I wanted to check if a three-pane layout is achievable in Docusaurus.

A three-pane layout refers to a format where code or other content, such as callouts, is displayed on the right side of the page.
As far as I know, this layout can be achieved in Markdoc, which was developed by Stripe.

The first shared image is from Stripe. (https://docs.stripe.com/cli/listen).
The second shared image is from the Freshworks documentation (https://developers.freshworks.com/docs/app-sdk/v2.3/freshdesk/serverless-apps/product-events/onticket/), where Markdoc custom tags are used to create a similar layout.

Does Docusaurus provide any functionality to implement this type of layout for developer documentation?

Stripe page:

Freshworks page:

[slorber]

We don't provide and feature to achieve that, but MDX lets you create your own React components to customize the experience, or Remark plugins to invent your own Markdown syntax extensions (for example, letting you wire markdown directives like :::three-pane to the React components of your choice).

You can also swizzle and customize any default layout we provide, for example replacing the table of contents with something else.

Of course, all this requires a bit of technical knowledge, but it is definitely possible to achieve.

Example sites:

• https://ionicframework.com/docs
• https://docs.dyte.io/api#/operations/get_all_meetings