Tabs - animated indicator

Topic: Tabs - animated indicator

cubei pro premium asked 2 years ago

I've moved over from Materialize to MDB Pro and the one thing I can't find is a way to animate the indicator on a tab as is the normal behaviour of the Material Design library

Actual behavior

If you look at the classic tab, when you change tabs the indicator jumps to the new tab

Desired behavior If you look at either Materialize or Google's Material Design tabs you can see the indicator animated between the different selected tabs

Is this possible without have to add additional coding?

Mateusz Łubianka staff answered 2 years ago

Hi @cubei,

I check the materialize example and there is a separate html element li for indicator. In MDB this is a border bottom so like you can see in our docs, there is not any simple way to do it without coding.


Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB jQuery
  • MDB Version: 4.14.0
  • Device: Any
  • Browser: Any
  • OS: Any
  • Provided sample code: No
  • Provided link: Yes