exxui

Premium Component Library

Segmented Tab Bar

Segmented control style tab bar with individual button states and smooth transitions.

Preview

Code

'use client'

import { useState } from 'react'
import { FiGrid, FiList, FiMap, FiCalendar } from 'react-icons/fi'

export default function SegmentedTabBar() {
    const [activeTab, setActiveTab] = useState('grid')
    // Component implementation
}