title: Introducing a vertical divider for TabLayout tabs, using pager
body: <p>I am using android.support.design.widget.TabLayout.</p>
  
  <p>I want to set a vertical line separator that separate one tab with an another.</p>
  
  <p>I could not find any property that I can set at Xml or code level.</p>
  
  <p>Please advise.</p>
  
  <pre><code>&lt;android.support.design.widget.TabLayout xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto"
      android:id="@+id/tab_layout"
      android:layout_width="match_parent"
      app:tabIndicatorHeight="2dp"
      android:theme="@style/ArticlesTabLayout" /&gt;
  </code></pre>
  
  <p>Code that attach TabLayout with pager:</p>
  
  <pre><code>    TabLayout tabLayout = getTabLayout();
  
  tabLayout.setTabMode(TabLayout.MODE_SCROLLABLE);
              tabLayout.setupWithViewPager(viewPager);
  </code></pre>
  
  <p>Style is:</p>
  
  <pre><code> &lt;style name="ArticlesTabLayout" parent="Widget.Design.TabLayout"&gt;
          &lt;item name="tabMaxWidth"&gt;@dimen/tab_max_width&lt;/item&gt;
          &lt;item name="tabIndicatorColor"&gt;@color/cba_yellow&lt;/item&gt;
          &lt;item name="tabIndicatorHeight"&gt;2dp&lt;/item&gt;
          &lt;item name="tabPaddingStart"&gt;12dp&lt;/item&gt;
          &lt;item name="tabPaddingEnd"&gt;12dp&lt;/item&gt;
          &lt;item name="tabBackground"&gt;@color/cba_white&lt;/item&gt;
          &lt;item name="tabTextAppearance"&gt;@style/ArticleTabTextAppearance&lt;/item&gt;
          &lt;item name="tabSelectedTextColor"&gt;?android:textColorPrimary&lt;/item&gt;
      &lt;/style&gt;
      &lt;style name="ArticleTabTextAppearance" parent="TextAppearance.Design.Tab"&gt;
          &lt;item name="android:textSize"&gt;14sp&lt;/item&gt;
          &lt;item name="android:textColor"&gt;?android:textColorSecondary&lt;/item&gt;
          &lt;item name="textAllCaps"&gt;false&lt;/item&gt;
      &lt;/style&gt;
  </code></pre>
  
  <ul>
  <li>I am also keen to know how I can add custom view?</li>
  <li>Why textAllCaps is not working, it is still showing in Caps.?</li>
  <li>How I can put a vertical divider?</li>
  </ul>