What is fab?

Florence Njeri
1 min readDec 22, 2019

--

A Floating Action Button (FAB) is a circular button that floats on top of the rest of your content denoting a prominent action.

FAB standard sizes with 6dp elevation.

Use only one fab per screen.

Also not every screen needs a FAB.

Promotes a single clear action on a screen e.g. for a Note App it can be used to indicate the action to be performed to create a new note.

What should be a fab?

A clear action.

Sample Code

fabSize normal is 56dp

--

--

Florence Njeri
Florence Njeri

Written by Florence Njeri

Software Engineering || Career || Life

No responses yet