docs(Tabs): add bottom tab bar example using the ui prop#6585
docs(Tabs): add bottom tab bar example using the ui prop#6585mikenewbon wants to merge 4 commits into
Conversation
Mirrors the NavigationMenu bottom tab bar example. No component changes required. https://claude.ai/code/session_01QVXj2sLewcVqrLcyEcNZi1
The link variant adds a border-b to the list on horizontal orientation, which doubled up with the example's border-t. https://claude.ai/code/session_01QVXj2sLewcVqrLcyEcNZi1
Updated the trigger property to use 'grow-1' for better layout and removed the color property for a cleaner design. Adjusted label styling for consistency.
commit: |
|
No actionable comments were generated in the recent review. 🎉 ℹ️ Recent review info⚙️ Run configurationConfiguration used: Organization UI Review profile: CHILL Plan: Pro Run ID: 📒 Files selected for processing (2)
📝 WalkthroughWalkthroughThis PR introduces a new documentation example demonstrating how to render Nuxt UI's Tabs component as a mobile-style bottom tab bar. A new Vue SFC component ( Estimated code review effort🎯 2 (Simple) | ⏱️ ~8 minutes 🚥 Pre-merge checks | ✅ 5✅ Passed checks (5 passed)
✏️ Tip: You can configure your own custom pre-merge checks in the settings. ✨ Finishing Touches🧪 Generate unit tests (beta)
Warning There were issues while running some tools. Please review the errors and either fix the tool's configuration or disable the tool if it's a critical failure. 🔧 ESLint
ESLint install timed out. The project may have too many dependencies for the sandbox. Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
Mirrors the NavigationMenu bottom tab bar example. No component changes required.
🔗 Linked issue
❓ Type of change
📚 Description
Adding a vertical orientation example to the tabs component.
📝 Checklist