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 https://mdbootstrap.com/docs/jquery/components/tabs/

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 https://materializecss.com/tabs.html

https://material.io/components/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.

Best,


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

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