# tabs.html
> learn how to use the tabs shortcode
Tabs provide an effective way to organize content that varies in format or procedure, eliminating the need for separate pages. This combination of shortcodes enables you to create a tabbed interface. I first discovered this implementation strategy while reviewing the MiniKube documentation.
How it works (simplified) # Use the single tab shortcode; the theme aggregates tabs by group and renders the UI.
Shortcode Description Input {{< tab >}} Defines one tab. Repeat for each tab in a group. group (string), label (string), active (bool, optional) Set tab as default When an option has the default state of active, it will be the first tab shown. Example # Ensure your DemoTool server is running and connected. Navigate to Console. Run demoCLI connect. Source code # markdown {{< tab group="launch-method" label="Console" active="true" >}} 1. Ensure your DemoTool server is running and connected. 2. Navigate to Console. {{< /tab >}} {{< tab group="launch-method" label="CLI" >}} 1. Run `demoCLI connect`. {{< /tab >}} 

## Metadata

- **Section**: features
- **Type**: features
- **Author**: Lawrence Lane
- **Parent**: [tabs.html](/features/shortcodes/index.txt)

## Navigation
- **Current Section**: [tabs.html](/features/shortcodes/index.txt)