Tab Bar

A navigation structure that allows users to switch between different views or sections of content.

When to Use

To organize and access multiple content areas, one at a time.

Usage

js

import { Tab, TabsBar } from '@youcan/alto';

js

  <TabsBar>
    <Tab v-for="(tab, index) in tabs" 
    :key="index" 
    :label="tab.label" 
    :active="activeTab === index" 
    @click="setActiveTab(index)" />
  </TabsBar>

API Reference