Active states for tab bars
7 different tab designs
A Thread 🧵
7 different tab designs
A Thread 🧵
Let’s create our nav bar
1️⃣
Reduce opacity
Reduce opacity
2️⃣
Dot indicator + color fill
Dot indicator + color fill
3️⃣
Background color
Background color
4️⃣
Name on the bottom
Name on the bottom
5️⃣
Expanding chip
Expanding chip
6️⃣
Name + dot indicator
Name + dot indicator
7️⃣
Dash indicator
Dash indicator
Credit: @uiadrian on Instagram ( instagram.com )
Loading suggestions...