@capgeminiuk/dcx-react-library
Version:
[](https://circleci.com/gh/Capgemini/dcx-react-library)
74 lines (73 loc) • 1.58 kB
TypeScript
import React from 'react';
export type TabGroupProps = {
/**
* Tab Group children
*/
children: JSX.Element[];
/**
* Tab Group tab list araia label
*/
ariaLabelTabList?: string;
/**
* Tab Group active tab class
*/
activeTabClassName?: string;
/**
* Tab Group id
*/
id?: string;
/**
* Tab Group disabled class name
*/
disabledClassName?: string;
/**
* Tab Group selected tab
*/
activeKey?: string;
/**
* Tab Group list class name
*/
className?: string;
/**
* Tab Group container class name
*/
containerClassName?: string;
/**
* Tab Group content class name
*/
contentClassName?: string;
/**
* Tab Group tab class name
*/
tabClassName?: string;
/**
* Tab Group tab link class name
*/
tabLinkClassName?: string;
/**
* Tab Group onSelect handler
*/
onSelect?: (eventKey: string) => void;
};
type TabContextProps = {
/**
* Tab Context select tab
*/
activeTab: string;
/**
* Tab previous tab
*/
previousTab?: string;
/**
* Tab next tab
*/
nextTab?: string;
/**
* Tab Context update selected tab
*/
changeActiveTab: (label: string) => void;
};
export declare const TabContext: React.Context<TabContextProps | undefined>;
export declare const TabGroup: React.ForwardRefExoticComponent<TabGroupProps & React.RefAttributes<unknown>>;
export declare const useTabGroup: () => TabContextProps;
export {};