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

Related issues

kara picture kara  路  3Comments

vanor89 picture vanor89  路  3Comments

alanpurple picture alanpurple  路  3Comments

MurhafSousli picture MurhafSousli  路  3Comments

constantinlucian picture constantinlucian  路  3Comments