Каждое из состояний имеет свое название и применение. Они позволяют пользователю понимать, что происходит в интерфейсе и что произойдет после нажатия на кнопку. Default (обычное состояние) Это состояние кнопки по умолчанию. То есть, с ней ничего ещё не произошло. Кнопка имеет стандартный вид и цвет. Hover (состояние при наведении) Используется при наведении курсора мыши на кнопку. Она может изменить цвет, можно добавить анимацию. Так пользователь будет понимать что кнопка активна и после нажатия что-то произойдёт...

Несколько месяцев назад мы дорабатывали UI-Kit. Стояла задача добавить новое состояние кнопки, при котором кнопка становится неактивной для нажатия и её содержимое меняется на анимированный спиннер, то есть "состояние загрузки". На реализацию было потрачено несколько часов: взяли компонент из библиотеки, который отвечает за анимированный спиннер, подключили в компонент кнопки и добавили условие изменения содержимого. Все шло очень гладко, где-то должен был быть подвох. Сборка библиотеки завершилась ошибкой...