Skip to content

Commit 14c12f5

Browse files
Information about displaying tabs horizontally
1 parent 62b5dfb commit 14c12f5

File tree

1 file changed

+19
-0
lines changed

1 file changed

+19
-0
lines changed

fern/products/docs/pages/navigation/overview.mdx

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -241,6 +241,25 @@ Here's an example of what the Tabs implementation looks like:
241241
Center](https://fern-image-hosting.s3.amazonaws.com/fern/tabs.png)
242242
</Frame>
243243

244+
By default, tabs appear in the left sidebar. To display them horizontally in docs.yml, set `tabs-placement` to `header` in your layout configuration.
245+
246+
`tabs-placement` supports two values:
247+
- `sidebar` *(default)* — Tabs are displayed vertically in the left sidebar.
248+
- `header` — Tabs are displayed horizontally in the top navigation bar.
249+
250+
Example:
251+
252+
<CodeBlock title="docs.yml">
253+
```yaml
254+
layout:
255+
tabs-placement: header
256+
```
257+
</CodeBlock>
258+
<Frame>
259+
![Screenshot showing two horizontally placed tabs labeled API Reference and Help
260+
Center](https://fern-image-hosting.s3.amazonaws.com/fern/tabs-horizontal.png)
261+
</Frame>
262+
244263
## Versions
245264

246265
If you have multiple versions of your documentation, you can introduce a dropdown version selector by specifying the `versions`. For more information, check out our [documentation on versioning](/learn/docs/building-your-docs/versioning).

0 commit comments

Comments
 (0)