Angular Material tab height

Question

I am trying to have a full page Angular Material tab which has tabs which are full height and have a centered message. I have created this stakblitz as I can\'t get it to work.

Answer 1

According to Angular docs: you need to set the dynamicHeight input to true [dynamicHeight]='true'

By default, the tab group will not change its height to the height of the currently active tab. To change this, set the dynamicHeight input to true. The tab body will animate its height according to the height of the active tab.