CIA Compliance Manager — API Documentation - v1.1.50
    Preparing search index...
    TabContainer: React.FC<TabContainerProps> = ...

    TabContainer - Standardized tab navigation component

    Features:

    • Full keyboard navigation (Arrow Left/Right, Home, End)
    • ARIA attributes for accessibility
    • Support for icons and badges
    • Disabled tab support
    • Consistent visual styling with design tokens
    const tabs: Tab[] = [
    {
    id: 'overview',
    label: 'Overview',
    icon: <ChartIcon />,
    content: <OverviewPanel />,
    testId: 'overview-tab',
    },
    {
    id: 'details',
    label: 'Details',
    badge: '5',
    content: <DetailsPanel />,
    },
    ];

    <TabContainer
    tabs={tabs}
    initialTab="overview"
    onChange={(tabId) => console.log('Tab changed:', tabId)}
    testId="my-tabs"
    />