--- title: Tabs layout: component.html ---

Tabs are elements that help you organize and navigate multiple documents in a single container. They can be used for switching between items in the container.

*** ### Horizontal Tabs
{{> examples_tabs_intro}}
### Vertical Tabs
{{> examples_tabs_vertical_intro}}
***

Basic

You can create a group of horizontal tabs using minimal markup.

HTML

{{#markdown}} ```html {{> examples_tabs_basic}} ``` {{/markdown}}

Rendered HTML

{{> examples_tabs_basic}}

Note: Tabs used to require `

` and `
` markup. It now works with `