@engie-group/fluid-design-system-react/lib/components/tabs/NJTabs.d.ts

Fluid Design System React

import React from 'react';
import { ITabProps } from './NJTab';
export declare const NJTabs: React.ForwardRefExoticComponent<ITabsProps & React.RefAttributes<HTMLDivElement>>;
export interface ITabsProps extends React.ComponentPropsWithoutRef<'div'> {
    /**
     * Label for the tablist element
     */
    label: string;
    /**
     * Id for the default active tab
     */
    activeTab?: string;
    /**
     * Get tab id, tab label and event
     * @param id tab id
     * @param label tab label
     * @param e event
     */
    onClickTabItem?: (id: string, label: string, e: React.MouseEvent<HTMLButtonElement>) => void;
    /**
     * Tabs list density
     */
    density?: 'normal' | 'spacious' | 'stretched' | 'compact';
    /**
     * Tab components with their content
     *
     * `<NJTab label="Item 1" ariaControls="panel1" id="item1" >Content</NJTab>`
     */
    children: ITabProps['children'];
}