callstack / callstack/react-native-paper
feat: modernize Drawer to latest Material Design Specs
- Dominant language
- TypeScript
- Stars
- 14.5k
- Forks
- 2.2k
- Avg merge
- 5d 23h
- Merged PRs (30d)
- 12
Description
- The goal is to modernize the Drawer according to the latest specs
- See https://m3.material.io/components/navigation-drawer/overview
- Reuse newly introduced tokens (shape, motion, typography, color etc)
- Extract component specific tokens for easier maintenance.
- Get inspired from TextInput/TextField, Switch, Checkbox, FAB components which have gone through modernization.
The Drawer component is not recommended anymore after MD3 Expressive. Another task will handle a modern replacement.
Contributor guide
Research direction
Start with the linked Material Design navigation-drawer specifications and compare the Drawer with the modernization work in TextInput/TextField, Switch, Checkbox, and FAB. Extract component-specific tokens for shape, motion, typography, and color, and consider the work done when Drawer matches the applicable specs and its tokens are easier to maintain.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react-native, typescript
- Domain
- design, frontend, mobile
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 48/100