This component implements the Material Design 3 tabs with proper accessibility support. All tabs are keyboard navigable and support proper ARIA attributes.
Qwik M3 Tab
Prop Controls
Primary Tabs
Basic Tabs - manual
Overview Dashboard
Key metrics and summary information for your project.
Analytics Data
Detailed analytics and performance metrics.
Generated Reports
Access and download generated reports.
Tabs with Icons - auto
Home Dashboard
Welcome to your dashboard. Here's an overview of your recent activity.
User Profile
Manage your profile settings and preferences.
System Settings
Configure system preferences and options.
<Tabs.Root selectedIndex={0}>
<Tabs.List>
<Tabs.Tab>Tab One</Tabs.Tab>
<Tabs.Tab>Tab Two</Tabs.Tab>
<Tabs.Tab>Tab Three</Tabs.Tab>
</Tabs.List>
<Tabs.Panel>
<p>Tab panel content goes here.</p>
</Tabs.Panel>
<Tabs.Panel>
<p>Another tab panel content.</p>
</Tabs.Panel>
<Tabs.Panel>
<p>Third tab panel content.</p>
</Tabs.Panel>
</Tabs.Root>