@papernote/ui/dist/components/Tabs.d.ts

A modern React component library with a paper notebook aesthetic - minimal, professional, and expressive

import React from 'react';
export interface Tab {
    id: string;
    label: string;
    icon?: React.ReactNode;
    content: React.ReactNode;
    disabled?: boolean;
}
export interface TabsProps {
    tabs: Tab[];
    /** Controlled mode: Currently active tab ID */
    activeTab?: string;
    /** Uncontrolled mode: Initial tab ID (ignored if activeTab is provided) */
    defaultTab?: string;
    variant?: 'underline' | 'pill';
    /** Orientation of tabs (default: 'horizontal') */
    orientation?: 'horizontal' | 'vertical';
    /** Size of tabs (default: 'md') */
    size?: 'sm' | 'md' | 'lg';
    /** Called when tab changes (required for controlled mode) */
    onChange?: (tabId: string) => void;
}
export default function Tabs({ tabs, activeTab: controlledActiveTab, defaultTab, variant, orientation, size, onChange }: TabsProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=Tabs.d.ts.map