Hi guys! We are working on a school project and want to add a background shape that moves behind the selected icon when switching tabs on a bottom navigation bar. We are using React with TypeScript and TailwindCSS. Any ideas on how to implement this?

For further actions, you may consider blocking this person and/or reporting abuse
Top comments (1)
I’d keep the icons fixed and move one absolutely positioned indicator with translateX from the active index. That preserves icon alignment and stable hit areas during the transition.