callstack / callstack/react-native-paper

feat: implement Toolbar

Open
#4,988 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

- Implement the new component according to specs: https://m3.material.io/components/toolbars/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
- Showcase the component in the example app
- Update the documentation

Contributor guide

Open the contributing guide

Research direction

Start with the Material Design toolbar specification and compare the modernization work in TextInput/TextField, Switch, Checkbox, and FAB. Identify the component entry point, token definitions, example app area, and documentation location before changing anything. Done means the toolbar follows the specification, uses and exposes appropriate tokens, appears in the example app, and is documented.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native, typescript
Domain
design, documentation, frontend, mobile-dev
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.