[joy-ui] Add the Bottom Navigation component
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 99.1k
- Forks
- 32.5k
- Avg merge
- 2d 17h
- Merged PRs (30d)
- 106
Description
Duplicates
- I have searched the existing issues
Latest version
- I have tested the latest version
Summary 💡
The Bottom Navigation component (also known as tab bar) is a sibling component to the App Bar (https://github.com/mui/material-ui/issues/39736) and is frequently used as the primary navigation pattern for mobile designs. It should provide convenient props around spacing, positioning, and scrolling behavior.
Examples 🌈
Motivation 🔦
This issue is motivated by the internal objective to make Joy UI reach component number parity with Material UI as well as to offer components we commonly use when building templates or applications ourselves.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by comparing the Material UI and Base Web bottom-navigation examples linked in the issue, then review the related Joy UI App Bar issue for neighboring scope. Define the component's spacing, positioning, and scrolling behavior and confirm that the resulting API and mobile navigation pattern meet the requested parity goal.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- design, frontend
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100