<?xml version="1.0" encoding="utf-8"?>

Toolbars

Toolbars

Action toolbars work differently across platforms. On iOS, toolbars appear at the bottom of the screen. They're non-customizable, become translucent when content appears behind them, and contain buttons for screen-specific actions like creating, filtering, or editing content.[1]

On Android, the bottom app bar serves a similar purpose but offers more flexibility:

Both components help users access key actions while conserving screen space, though Android offers more customization options than iOS' fixed toolbar design.[2]

Pro Tip: When designing toolbars, make sure to use a legible title and provide enough touch target space for each action.

Improve your UX & Product skills with interactive courses that actually work