State
The state of the element is important for the user to distinguish its usability. The state should be distinctive so that the user can identify better. For example, the disabled state is used when a component cannot be interacted with and needs to be displayed to the user.
For more information, please refer to State guidelines.