callstack / callstack/react-native-paper

feat: add Connected Button Group

Open
#4,979 0 comments 0 reactions 0 assignees View on GitHub
v6
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.