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 [Chip] Normalize Material Design States #24915
• Autocomplete [Autocomplete] Follow Material Design State spec #23323
• Button
• List
• Switch
• Radio
• Checkbox
• IconButton
• Accordion
• Rating
• Slider
• Tabs

Related issues:

• [Menu] Improve hover/select/focus UI display #5186: list states
• Consistent disabled state for all components #19343: disabled state
• [Button] Hover/Focus state should lighten & elevate #17493: button states