Tab blocks can contain other blocks (except for other tab blocks or tables).

Live example:

Add content to tabs
- Type / and select Tabs from the block menu.
- You can add content to any tab block the same as you normally would add content within the editor. You can type “/” in a tab block to nest other blocks.
To add and edit tabs
- Click + Add tab, and choose a name for your tab.
- To reorder your tabs, drag and drop them into your preferred order. This can also be done in the page navigation (left).
- To edit a tab, hover and click the ••• to open the context menu.
- You can select edit name, duplicate, or delete tab.
Variants
The tabs block supports these block variants:
- Tabs
- Pills
- Accordion
- Column (experimental)
Changing tabs variant
- Select the tabs block.
- In the property panel, select which variant you want to use.
- Some variants aren't currently displayed in the editor, but will be displayed in your published documentation. You can preview the page to see how they'll look live.

Examples
Tabs
Pills
Accordion
The goal of Nord Design System is to improve UI consistency and quality, while making our software design and development processes more efficient. Nord also helps to establish a common vocabulary between everyone in our organization and ease collaboration between different teams and disciplines.
Nord is Nordhealth’s design system for products, digital experiences and brand. It’s a collection of reusable components and tools, guided by clear standards, that can be assembled together to build digital products and experiences.
Public documentation makes sharing and collaboration between different teams and third party vendors much easier as it increases the system’s visibility and accountability. This also makes us push towards higher quality content and enables us to be more transparent. Finally, this also serves as an amazing tool that we can leverage in recruiting.
Example FAQ are from Nord design system, one of our favorite design systems.
Columns
- We’ve made some changes to improve your store’s security
- These products aren’t getting a lot of views, but visitors are adding them to their carts
- Your SSL certificates were activated
- These are your less popular products with the highest add-to-cart conversion
Example guidelines from Polaris and Orbit.