Implement theme level states design tokens
Open
Nobody has claimed this yet.
scope: all components
umbrella
- Dominant language
- JavaScript
- Stars
- 99.1k
- Forks
- 32.5k
- Avg merge
- 2d 17h
- Merged PRs (30d)
- 106
Description
Material Design provides a page: https://material.io/design/interaction/states.html#usage on how to style the different states. States are visual representations used to communicate the status of a component or an interactive element.
The components to handle:
- Pagination
- Select
- TreeView
- Chip #24915
- Autocomplete #23323
- Button
- List
- Switch
- Radio
- Checkbox
- IconButton
- Accordion
- Rating
- Slider
- Tabs
Related issues:
- #5186: list states
- #19343: disabled state
- #17493: button states
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 with the linked Material Design states guidance and review related issues #5186, #19343, and #17493 for existing decisions. No files or tests are named; completion would require defining and applying theme-level state tokens across the unchecked components, including Button, List, Switch, Radio, Checkbox, IconButton, Accordion, Rating, Slider, and Tabs.
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