Components

Tabs

Usage

Definition

Tabs organize content within a category in a horizontal menu of logical subsections. Each tab within a group contains a distinct subsection of content.


Common Characteristics

All tabs are presented horizontally and have ALL-CAPS labels. All tabs have a separator that spans the width of the content area governed by the tabs. Tabs have these states: selected, active, hover/tap, and focused. A Tab with no content must have explanatory text rather than left blank.


Usage Guidelines

The left-most tab is always pre-selected by default. Content within tabs must be peers related to the same parent category/topic/item. If necessary, tabs can scroll horizontally above the content they govern.


Lorem ipsum dolor sit amet, est erat iisque concludaturque at. Gloriatur intellegat expetendis eos at. Persius perpetua conceptam in vel, et odio dicit nec. Ad nobis fastidii neglegentur nam, nec id dicat everti ponderum. Nemore nostrud his ut, te est stet lorem vituperatoribus, no mel modus dolor inermis. Ei vel senserit mnesarchum eloquentiam, at facete adipisci abhorreant usu. Quo ad possit graeco, tempor iudicabit in mei, summo expetenda deterruisset eu quo. Novum elitr ceteros an est, ut pri detracto pertinax pertinacia. Utroque maiestatis contentiones et eam. Quo qualisque aliquando id, fuisset temporibus quo id. Vis deserunt consetetur in, qui mundi nonumy scriptorem eu. Ei cum dico interpretaris, eius disputando vim no. Alia comprehensam id his, te has vide audire interpretaris. Id delectus adipiscing ius, no mei movet essent repudiandae. An conceptam efficiendi vis, semper aperiam duo no. Ei vocent facilisis has. Dolor convenire eam te, vim at agam incorrupte omittantur. Harum officiis posidonium an pri. Albucius posidonium est et, vix no quaestio suscipiantur. Mel everti viderer repudiandae et, autem dicunt vivendum pro id, cum in iriure alterum. Eam erant affert delectus ei, dolore graeci offendit vel ut, cu duo soluta vivendum splendide. Est in fugit interpretaris, fabulas percipitur no eam. Solet homero an per. Praesent omittantur no per, vim choro hendrerit scripserit ne. Et essent theophrastus pro. Quo illum electram signiferumque et, ea vis postea facilisis intellegat.

Lorem ipsum dolor sit amet, est erat iisque concludaturque at. Gloriatur intellegat expetendis eos at. Persius perpetua conceptam in vel, et odio dicit nec. Ad nobis fastidii neglegentur nam, nec id dicat everti ponderum. Nemore nostrud his ut, te est stet lorem vituperatoribus, no mel modus dolor inermis. Ei vel senserit mnesarchum eloquentiam, at facete adipisci abhorreant usu. Quo ad possit graeco, tempor iudicabit in mei, summo expetenda deterruisset eu quo. Novum elitr ceteros an est, ut pri detracto pertinax pertinacia. Utroque maiestatis contentiones et eam. Quo qualisque aliquando id, fuisset temporibus quo id. Vis deserunt consetetur in, qui mundi nonumy scriptorem eu. Ei cum dico interpretaris, eius disputando vim no. Alia comprehensam id his, te has vide audire interpretaris. Id delectus adipiscing ius, no mei movet essent repudiandae. An conceptam efficiendi vis, semper aperiam duo no. Ei vocent facilisis has. Dolor convenire eam te, vim at agam incorrupte omittantur. Harum officiis posidonium an pri. Albucius posidonium est et, vix no quaestio suscipiantur. Mel everti viderer repudiandae et, autem dicunt vivendum pro id, cum in iriure alterum. Eam erant affert delectus ei, dolore graeci offendit vel ut, cu duo soluta vivendum splendide. Est in fugit interpretaris, fabulas percipitur no eam. Solet homero an per. Praesent omittantur no per, vim choro hendrerit scripserit ne. Et essent theophrastus pro. Quo illum electram signiferumque et, ea vis postea facilisis intellegat.

Lorem ipsum dolor sit amet, est erat iisque concludaturque at. Gloriatur intellegat expetendis eos at. Persius perpetua conceptam in vel, et odio dicit nec. Ad nobis fastidii neglegentur nam, nec id dicat everti ponderum. Nemore nostrud his ut, te est stet lorem vituperatoribus, no mel modus dolor inermis. Ei vel senserit mnesarchum eloquentiam, at facete adipisci abhorreant usu. Quo ad possit graeco, tempor iudicabit in mei, summo expetenda deterruisset eu quo. Novum elitr ceteros an est, ut pri detracto pertinax pertinacia. Utroque maiestatis contentiones et eam. Quo qualisque aliquando id, fuisset temporibus quo id. Vis deserunt consetetur in, qui mundi nonumy scriptorem eu. Ei cum dico interpretaris, eius disputando vim no. Alia comprehensam id his, te has vide audire interpretaris. Id delectus adipiscing ius, no mei movet essent repudiandae. An conceptam efficiendi vis, semper aperiam duo no. Ei vocent facilisis has. Dolor convenire eam te, vim at agam incorrupte omittantur. Harum officiis posidonium an pri. Albucius posidonium est et, vix no quaestio suscipiantur. Mel everti viderer repudiandae et, autem dicunt vivendum pro id, cum in iriure alterum. Eam erant affert delectus ei, dolore graeci offendit vel ut, cu duo soluta vivendum splendide. Est in fugit interpretaris, fabulas percipitur no eam. Solet homero an per. Praesent omittantur no per, vim choro hendrerit scripserit ne. Et essent theophrastus pro. Quo illum electram signiferumque et, ea vis postea facilisis intellegat.

Lorem ipsum dolor sit amet, est erat iisque concludaturque at. Gloriatur intellegat expetendis eos at. Persius perpetua conceptam in vel, et odio dicit nec. Ad nobis fastidii neglegentur nam, nec id dicat everti ponderum. Nemore nostrud his ut, te est stet lorem vituperatoribus, no mel modus dolor inermis. Ei vel senserit mnesarchum eloquentiam, at facete adipisci abhorreant usu. Quo ad possit graeco, tempor iudicabit in mei, summo expetenda deterruisset eu quo. Novum elitr ceteros an est, ut pri detracto pertinax pertinacia. Utroque maiestatis contentiones et eam. Quo qualisque aliquando id, fuisset temporibus quo id. Vis deserunt consetetur in, qui mundi nonumy scriptorem eu. Ei cum dico interpretaris, eius disputando vim no. Alia comprehensam id his, te has vide audire interpretaris. Id delectus adipiscing ius, no mei movet essent repudiandae. An conceptam efficiendi vis, semper aperiam duo no. Ei vocent facilisis has. Dolor convenire eam te, vim at agam incorrupte omittantur. Harum officiis posidonium an pri. Albucius posidonium est et, vix no quaestio suscipiantur. Mel everti viderer repudiandae et, autem dicunt vivendum pro id, cum in iriure alterum. Eam erant affert delectus ei, dolore graeci offendit vel ut, cu duo soluta vivendum splendide. Est in fugit interpretaris, fabulas percipitur no eam. Solet homero an per. Praesent omittantur no per, vim choro hendrerit scripserit ne. Et essent theophrastus pro. Quo illum electram signiferumque et, ea vis postea facilisis intellegat.

Tabs can scroll above the content if needed. Tabs with no content must have explanatory text. Click the second tab for an example.