Components: Raised buttons and fabs should increase elevation on hover

Created on 3 Oct 2018  路  4Comments  路  Source: angular/components

Bug, feature request, or proposal:

Feature Request: Hover effect on Flat, Raised and FAB Buttons

What is the expected behavior?

Button gets slightly darker when hovering.

What is the current behavior?

No CSS change on hover.

P4 materiabutton blocked material spec

Most helpful comment

@jelbourn I don't know material design well but I would expect there to always be some type of hover animation. Just a little affordance that it is a button and is active, not necessarily a change in the drop shadow.

All 4 comments

Flat buttons definitely wouldn't do this (since they're eponymously flat), but raised buttons and fabs _should_

@jelbourn I don't know material design well but I would expect there to always be some type of hover animation. Just a little affordance that it is a button and is active, not necessarily a change in the drop shadow.

@jelbourn Even a flat button should have a hover effect, as you can see here.

@jelbourn Or, as you can see directly on material.io web.
Can you assigne someone on this?

Was this page helpful?
0 / 5 - 0 ratings