Skip to content

docs: document theme.tabs object config with style, alignment, and placement#4632

Merged
devalog merged 4 commits intomainfrom
devin/1774894502-document-theme-tabs-hierarchy
Mar 30, 2026
Merged

docs: document theme.tabs object config with style, alignment, and placement#4632
devalog merged 4 commits intomainfrom
devin/1774894502-document-theme-tabs-hierarchy

Conversation

@devin-ai-integration
Copy link
Copy Markdown
Contributor

@devin-ai-integration devin-ai-integration bot commented Mar 30, 2026

Summary

Documents the new theme.tabs object configuration introduced in fern-api/fern#12983. The theme.tabs setting now accepts either a string shorthand ("default" | "bubble") or an object with style, alignment, and placement properties.

Changes across 3 files:

  • site-level-settings.mdx: Updated the Theme configuration example to use the object form as the recommended approach. Changed theme.tabs type from stringstring | object, added new ParamField entries for theme.tabs.style, theme.tabs.alignment, and theme.tabs.placement.
  • tabs.mdx: Updated "Tabs placement and styling" to recommend theme.tabs.placement as the primary way to move tabs to the header. Added a full object-form example showing style + alignment + centering.
  • changelog/2026-03-30.mdx: New changelog entry for the feature.

Updates since last revision

  • Consolidated the Theme configuration section from a two-tab (<Tabs>) component ("String form" / "Object form") into a single code block showing the object form integrated into the full theme example. The string shorthand is still documented in the theme.tabs ParamField description.

Review & Testing Checklist for Human

  • Verify anchor links resolve correctly. The cross-references (e.g., #themetabs, #themetabsplacement, #themetabsalignment) and the changelog button link depend on how the docs site generates anchors from ParamField paths with dots. Check that these link to the right sections on the rendered page.
  • Confirm layout.tabs-placement is still findable. The tabs.mdx page now leads with theme.tabs.placement instead of layout.tabs-placement. Verify users who search for the old property can still find the correct docs (it's still documented in the Layout section of site-level-settings).
  • Spot-check the preview deployment for site-level-settings and tabs to confirm the examples and ParamField entries render as expected.

Notes

  • The theme.tabs.placement property takes precedence over layout.tabs-placement when both are set — this precedence note is included in the ParamField description.
  • The centering-only-works-with-header constraint is called out in both the site-level-settings page and the tabs page via <Note> components.
  • Vale passes clean on all changed files.

Link to Devin session: https://app.devin.ai/sessions/f192b1f289bf4588aad8216445a89c9b

…acement

Co-Authored-By: bot_apk <apk@cognition.ai>
@devin-ai-integration devin-ai-integration bot requested a review from devalog as a code owner March 30, 2026 18:18
@devin-ai-integration
Copy link
Copy Markdown
Contributor Author

🤖 Devin AI Engineer

I'll be helping with this pull request! Here's what you should know:

✅ I will automatically:

  • Address comments on this PR. Add '(aside)' to your comment to have me ignore it.
  • Look at CI failures and help fix them

Note: I can only respond to comments from users who have write access to this repository.

⚙️ Control Options:

  • Disable automatic comment and CI monitoring

@fern-api
Copy link
Copy Markdown
Contributor

fern-api bot commented Mar 30, 2026

Requested by: mathieu
Slack thread: View conversation

@github-actions
Copy link
Copy Markdown
Contributor


## Tab alignment and placement options

You can now finetune how your tabs look and behave using `theme.tabs` in `docs.yml`. Choose between the default underline or bubble style, place tabs in the header or sidebar, and center-align header tabs from a single configuration block.
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ [vale] reported by reviewdog 🐶
[FernStyles.Current] Avoid time-relative terms like 'now' that become outdated

@devalog devalog merged commit b622f25 into main Mar 30, 2026
2 checks passed
@devalog devalog deleted the devin/1774894502-document-theme-tabs-hierarchy branch March 30, 2026 19:01
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant