diff --git a/samples/SupportDesignDemos/AndroidManifest.xml b/samples/SupportDesignDemos/AndroidManifest.xml
index 338fa16a7..b728fbf2c 100644
--- a/samples/SupportDesignDemos/AndroidManifest.xml
+++ b/samples/SupportDesignDemos/AndroidManifest.xml
@@ -82,6 +82,15 @@
+
+
+
+
+
+
+
diff --git a/samples/SupportDesignDemos/res/drawable/custom_tab_indicator.xml b/samples/SupportDesignDemos/res/drawable/custom_tab_indicator.xml
new file mode 100644
index 000000000..8a3e2e379
--- /dev/null
+++ b/samples/SupportDesignDemos/res/drawable/custom_tab_indicator.xml
@@ -0,0 +1,24 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/samples/SupportDesignDemos/res/drawable/custom_tab_indicator_default.xml b/samples/SupportDesignDemos/res/drawable/custom_tab_indicator_default.xml
new file mode 100644
index 000000000..e06b0588a
--- /dev/null
+++ b/samples/SupportDesignDemos/res/drawable/custom_tab_indicator_default.xml
@@ -0,0 +1,25 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/samples/SupportDesignDemos/res/drawable/custom_tab_indicator_selected.xml b/samples/SupportDesignDemos/res/drawable/custom_tab_indicator_selected.xml
new file mode 100644
index 000000000..dfab0abc0
--- /dev/null
+++ b/samples/SupportDesignDemos/res/drawable/custom_tab_indicator_selected.xml
@@ -0,0 +1,25 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/samples/SupportDesignDemos/res/layout/design_tab_custom.xml b/samples/SupportDesignDemos/res/layout/design_tab_custom.xml
new file mode 100644
index 000000000..77027ecf9
--- /dev/null
+++ b/samples/SupportDesignDemos/res/layout/design_tab_custom.xml
@@ -0,0 +1,29 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/samples/SupportDesignDemos/res/layout/design_tabs_custom.xml b/samples/SupportDesignDemos/res/layout/design_tabs_custom.xml
new file mode 100644
index 000000000..e8e3ed907
--- /dev/null
+++ b/samples/SupportDesignDemos/res/layout/design_tabs_custom.xml
@@ -0,0 +1,40 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/samples/SupportDesignDemos/res/values/strings.xml b/samples/SupportDesignDemos/res/values/strings.xml
index d5a1aae1b..a36b12810 100644
--- a/samples/SupportDesignDemos/res/values/strings.xml
+++ b/samples/SupportDesignDemos/res/values/strings.xml
@@ -22,6 +22,7 @@
NavigationView/Without drawer
TabLayout/Items from ViewPager
TabLayout/Items from layout
+ TabLayout/Custom items
Text Input
BottomSheet/Persistent
BottomSheet/Hideable
diff --git a/samples/SupportDesignDemos/src/com/example/android/support/design/widget/TabLayoutCustomItemsUsage.java b/samples/SupportDesignDemos/src/com/example/android/support/design/widget/TabLayoutCustomItemsUsage.java
new file mode 100644
index 000000000..31239be1c
--- /dev/null
+++ b/samples/SupportDesignDemos/src/com/example/android/support/design/widget/TabLayoutCustomItemsUsage.java
@@ -0,0 +1,49 @@
+/*
+ * Copyright (C) 2016 The Android Open Source Project
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+package com.example.android.support.design.widget;
+
+import android.os.Bundle;
+import android.support.design.widget.TabLayout;
+import android.support.v7.app.AppCompatActivity;
+import android.support.v7.widget.Toolbar;
+import com.example.android.support.design.R;
+
+/**
+ * This demonstrates usage of TabLayout with custom items
+ */
+public class TabLayoutCustomItemsUsage extends AppCompatActivity {
+
+ @Override
+ protected void onCreate(Bundle savedInstanceState) {
+ super.onCreate(savedInstanceState);
+ setContentView(R.layout.design_tabs_custom);
+
+ // Retrieve the Toolbar from our content view, and set it as the action bar
+ Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
+ setSupportActionBar(toolbar);
+ getSupportActionBar().setDisplayHomeAsUpEnabled(true);
+
+ // Create three tabs with custom views
+ TabLayout tabLayout = (TabLayout) findViewById(R.id.tabs);
+ for (int i = 0; i < 3; i++) {
+ TabLayout.Tab tab = tabLayout.newTab();
+
+ tabLayout.addTab(tab);
+ tab.setCustomView(R.layout.design_tab_custom);
+ }
+ }
+}