callstack / callstack/react-native-paper
feat: add Connected Button Group
- Dominant language
- TypeScript
- Stars
- 14.5k
- Forks
- 2.2k
- Avg merge
- 5d 23h
- Merged PRs (30d)
- 12
Description
According to the specs, the SegmentedButton is deprecated and replaced by Connected Button Group.
- Implement the new component according to specs: https://m3.material.io/components/button-groups/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.
Related tasks:
- https://github.com/callstack/react-native-paper/issues/4936
- https://github.com/callstack/react-native-paper/issues/4928 (has a PR open already and we should reuse logic from there in this new component)
Contributor guide
Research direction
Start with the Material 3 Button Groups specification and the related issue #4928, including its open pull request, to identify reusable logic. Then review the modernization patterns in TextInput/TextField, Switch, Checkbox, and FAB. Done means a Connected Button Group component is implemented to the specification with the relevant shared and component-specific tokens.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react-native, typescript
- Domain
- design, frontend, mobile
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100