There are three included tab styles

  • Default TabControl style
  • AnimatedTabControl style
  • SingleRowAnimatedTabControl style

The default TabControl style is included in Controls.xaml, but the other two require specific referencing (make sure to do this after a reference to Controls.xaml)


This shows the three states - selected/active tab, hover and inactive.


<ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Controls.AnimatedTabControl.xaml" />

Functioning just like the regular TabControl, except it animates every tab change by wrapping everything in a MetroContentControl.


<ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Controls.AnimatedSingleRowTabControl.xaml" />

AnimatedSingleRowTabControl functions exactly the same as the AnimatedTabControl except the tabs will only appear on a single line rather than wrapping. Instead of wrapping, arrows (left/right) are presented.