Dottiv1.1
← Components

Tabs

Component

Content navigation interface with smooth transitions.

Installation & Usage

Basic Usage
import { Tabs } from 'dotti'

<Tabs 
  tabs={tabsData} 
  activeTab={active} 
  onTabChange={setActive} 
/>

Examples

Basic Tabs

Standard tab navigation.

Content for active tab

Code
const tabs = [
  { id: 'tab1', label: 'Tab 1', content: <div>Content 1</div> },
  { id: 'tab2', label: 'Tab 2', content: <div>Content 2</div> }
]

<Tabs 
  tabs={tabs} 
  activeTab={activeTab} 
  onTabChange={setActiveTab} 
/>

Props