Mobile action bar
Bottom-anchored bar with the primary action of a mobile screen. Sticks above the tab bar.
Default
One primary action; up to one secondary on the left.
With summary
Show the totals above the action button when the primary is "Pay".
Subtotal$ 248.00
VAT 14.5 %$ 35.96
Total due$ 283.96
Do & don't
Do
Use a single primary action. The bar is the operator’s commit point.
Don't
Add secondary navigation here. The tab bar handles navigation.
Do
Lift the button at least 16 px above the tab bar so it doesn’t look stuck.
Don't
Hide the action bar on scroll. Always visible — the operator counts on it.