From e77872b6908cd13e9869f1cc6a16e836d75c284e Mon Sep 17 00:00:00 2001 From: Sebastian Rehm Date: Thu, 26 Mar 2015 20:38:06 +1000 Subject: [PATCH] Updated Guide.md with short description for tabs. --- GUIDE.md | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/GUIDE.md b/GUIDE.md index 3b28b5f..7046c0d 100644 --- a/GUIDE.md +++ b/GUIDE.md @@ -201,7 +201,15 @@ This is where `iron:layout` comes into play. Our `ionNavBar` component exposes t ## Tabs -TODO +To create Ionic style tabs you need to wrap your tabs into an `ionTabs` component. You can add the ionic tab classes to determine the style of your tabs. Single tabs are created with the `ionTab` element. The text of a tab is set with the `title` attribute. If you use icon tabs you can add ionicons with the `iconOff` and `iconOn` attributes. You can also set a path to link the tab to an iron router route. Example: + +``` +{{#ionTabs class="tabs-positive tabs-icon-top"}} + {{> ionTab title="News" path="news" iconOff="ios-paper" iconOn="ios-paper"}} + {{> ionTab title="Todos" path="todos" iconOff="checkmark-circled" iconOn="checkmark-circled"}} + {{> ionTab title="Profile" path="profile" iconOff="person" iconOn="person"}} +{{/ionTabs}} +``` ## Lists