टैब टेंप्लेट, नीचे दिए गए अन्य टेंप्लेट के लिए कंटेनर के तौर पर काम करता है. इससे सबसे ऊपर टैब दिखते हैं (जैसा कि टैब टेंप्लेट की एनाटॉमी में दिखाया गया है).
टैब दृश्यों के बीच स्विच करने की अनुमति देते हैं. यह सुविधा खास तौर पर, ऐसे कॉन्टेंट या व्यू को व्यवस्थित करने के लिए फ़ायदेमंद है जिन्हें उपयोगकर्ता ब्राउज़ करना या खोजना चाहेंगे.
शामिल हैं:
- ऐप्लिकेशन आइकॉन और ज़्यादा से ज़्यादा चार टैब वाला टैब बार (कोई 'वापस जाएं' बटन नहीं)
- एम्बेड किए गए टेंप्लेट, इनमें से किसी भी तरह का हो सकता है:
हर टैब व्यू, एम्बेड किए गए एक टेंप्लेट से जुड़ा होता है और किसी भी समय सिर्फ़ एक टैब व्यू चालू रह सकता है.

टैब टेंप्लेट की बनावट

टैब टेंप्लेट में ये एलिमेंट शामिल होते हैं:
- टैब बार, जिसमें ज़्यादा से ज़्यादा चार टैब दिख सकते हैं
- एम्बेड किए गए टेंप्लेट, इनमें से किसी एक टेंप्लेट का इस्तेमाल करके: लिस्ट, ग्रिड, सर्च, पैनल, मैसेज या नेविगेशन
टैब टेंप्लेट के उदाहरण


टैब टेंप्लेट के लिए UX से जुड़ी ज़रूरी शर्तें
ऐप्लिकेशन डेवलपर:
ज़रूरी है | हर टैब के लिए मोनोक्रोमैटिक वेक्टर आइकॉन उपलब्ध कराएं. |
ज़रूरी है | ऐप्लिकेशन के हेडर में कम से कम दो और ज़्यादा से ज़्यादा चार टैब शामिल करें. |
ज़रूरी नहीं | एक समय में एक से ज़्यादा टैब को चालू रखने की अनुमति दें. |
ज़रूरी नहीं | दूसरे लेवल के टैब जोड़कर दूसरा नेविगेशन बनाएं. |
क्या करना चाहिए | काट-छांट से बचने के लिए, छोटे टैब वाले लेबल इस्तेमाल करें. |
नहीं | एम्बेड किए गए टेंप्लेट में हेडर या ऐक्शन स्ट्रिप पर भरोसा करें. |