title: Swipable tabs using angular material
body: <p>I want to build tabs which can be swiped by swipping on their content.
  To be specific, when I swipe right on a tab's content(body) I want the previous tab's content to be displayed. This is similar to what is available in Whatsapp to navigate between the three tabs: calls, chats and contacts.</p>
  
  <p>I want to implement this using angular material module. I know about md-swipe-left and md-swipe-right. But how do I change the body of the tabs??  Any suggestions??</p>