fix: update Custom Panels examples in Tab documentation#1215
fix: update Custom Panels examples in Tab documentation#1215DevJoaoLopes wants to merge 1 commit intoprimer:mainfrom
Conversation
|
There was a problem hiding this comment.
Pull request overview
This PR fixes overflow issues in the Tabs component documentation by updating the "Custom Panels" example with responsive layout styling. The changes add width constraints and responsive alignment to prevent content from overflowing on narrow viewports.
- Updated the Custom Panels example in Tabs documentation with responsive layout fixes
- Modified Stack component to use responsive
alignItemsprop - Wrapped Tabs and panel content in Box components with full-width styling
Reviewed changes
Copilot reviewed 1 out of 3 changed files in this pull request and generated no comments.
| File | Description |
|---|---|
| apps/next-docs/content/components/Tabs/index.mdx | Updated Custom Panels example to fix overflow with responsive alignment and width constraints |
| package-lock.json | Automatic peer dependency reorganization from npm |
| apps/next-docs/package-lock.json | Automatic peer dependency reorganization from npm |
Files not reviewed (1)
- apps/next-docs/package-lock.json: Language not supported
Summary
resolves #1147
Fix render of Tab documentation overflow in Custom Panels
List of notable changes:
What should reviewers focus on?
Steps to test:
npm run start:docsSupporting resources (related issues, external links, etc):
Contributor checklist:
update snapshotslabel to the PR)Reviewer checklist:
Screenshots:
Gravacao.de.Tela.2025-12-22.as.05.47.17.mov