@mui/base
Version:
Base UI is a library of headless ('unstyled') React components and low-level hooks. You gain complete control over your app's CSS and accessibility features.
55 lines (54 loc) • 1.96 kB
TypeScript
import * as React from 'react';
import { Simplify } from '@mui/types';
import { UseTabPanelRootSlotProps } from '../useTabPanel';
import { PolymorphicProps, SlotComponentProps } from '../utils';
export interface TabPanelRootSlotPropsOverrides {
}
export interface TabPanelOwnProps {
/**
* The content of the component.
*/
children?: React.ReactNode;
className?: string;
/**
* The value of the TabPanel. It will be shown when the Tab with the corresponding value is selected.
* If not provided, it will fall back to the index of the panel.
* It is recommended to explicitly provide it, as it's required for the tab panel to be rendered on the server.
*/
value?: number | string;
/**
* The components used for each slot inside the TabPanel.
* Either a string to use a HTML element or a component.
* @default {}
*/
slots?: TabPanelSlots;
/**
* The props used for each slot inside the TabPanel.
* @default {}
*/
slotProps?: {
root?: SlotComponentProps<'div', TabPanelRootSlotPropsOverrides, TabPanelOwnerState>;
};
}
export interface TabPanelSlots {
/**
* The component that renders the root.
* @default 'div'
*/
root?: React.ElementType;
}
export interface TabPanelTypeMap<AdditionalProps = {}, RootComponentType extends React.ElementType = 'div'> {
props: TabPanelOwnProps & AdditionalProps;
defaultComponent: RootComponentType;
}
export type TabPanelProps<RootComponentType extends React.ElementType = TabPanelTypeMap['defaultComponent']> = PolymorphicProps<TabPanelTypeMap<{}, RootComponentType>, RootComponentType>;
export type TabPanelOwnerState = Simplify<TabPanelOwnProps & {
hidden: boolean;
}>;
export type TabPanelRootSlotProps = UseTabPanelRootSlotProps & {
children?: React.ReactNode;
className?: string;
ownerState: TabPanelOwnerState;
ref: React.Ref<any>;
role: React.AriaRole;
};