Fab

Buttons providing easy access to important actions

FAB stands for floating action button and they perform a specific highly important task. FABS are usually high up in the page’s hierarchy and as such should be used sparingly to avoid overuse.

Components

There are two types of FAB components: ThumbprintIconFab and ThumbprintTextFab

ThumbprintIconFab should sit in the lower right hand side of a UI and perform important tasks that are high priority compared to other actions on the page.

ThumbprintTextFab should sit in the bottom middle of a UI and has text and an optional icon to the left of the text.

Styles

There is only one style of icon FABs

There are two styles for text FABs: primary and secondary

Implementation

ThumbprintIconFab

Configurable items

android:src in XML or ThumbprintIconFab.setImageResource() / ThumbprintIconFab.setImageDrawable, DrawableRes
android:contentDescription in XML or ThumbprintIconFab.contentDescription, String

ThumbprintTextFab

Configurable items

app:fabStyle in XML or ThumbprintTextFab.fabStyle, with enum values primary or secondary, defaults to primary
android:text in XML or ThumbprintTextFab.text, String
app:icon in XML or ThumbprintTextFab.icon, optional DrawableRes; defaults to null
android:contentDescription in XML or ThumbprintIconFab.contentDescription, String