Toolbars — HIG Playground

Experience iOS Toolbar configuration and styles interactively. Change item count, display style, and position to see changes reflected on the iPhone screen instantly.

9:41

●●●● WiFi 🔋

Toolbars

Meeting Notes

Today we discussed the upcoming product launch timeline and assigned tasks to each team member. Key decisions were made regarding the marketing strategy.

Action items include finalizing the design review, preparing the press release, and coordinating with the engineering team on the beta rollout schedule.

Next meeting is scheduled for Friday at 2:00 PM.

⚠️ HIG Violation: Toolbar is too complex

📚 HIG Guidelines — Try It Yourself

✓ Do — Good Example

✗ Don't — Bad Example

✓ Do This

Use toolbars for actions related to the current view
Use standard system icons
Keep toolbar items to 3-5 for usability
Use consistent icon style

✗ Don't Do This

Don't overcrowd the toolbar
Don't use text-only buttons when icons are clearer
Don't mix navigation and actions
Don't place unrelated actions in the toolbar

👆 See the bad pattern in the iPhone preview above

Style

Icon

Text

Both

Placement

Top

Bottom

SwiftUI Code