Header

Komponen di bawah status bar untuk menampilkan informasi utama halaman dan aksi-aksi terkait

Header memiliki tingkat kustomisasi tinggi sehingga kreativitas desainer tidak terbatas pada spesifikasi yang tertulis di bawah. Hal penting dalam membuat header adalah memastikan padding terhadap container serta spasi antar komponen di dalamnya konsisten, rapi, serta mempertimbangkan safe area.

Android

Spesifikasi

• height - 56px

Referensi

What's the height of the Android Toolbar?Stack Overflow

TODO: icon, text specs

iOS

Spesifikasi

• height (small) - 44px

• height (large) - 96px

Referensi

Navigation bars - Navigation and search - Components - Human Interface Guidelines - Design - Apple Developer

TODO: icon, text specs