Interface TabProps

Props for the CustomTabs component.

interface TabProps {
    defaultAcive?: number;
    handleChange?: (e: SyntheticEvent, newValue: string | number) => void;
    labeledBy?: string;
    tabList?: { icon?: string | ReactElement<unknown, string>; label: string }[];
    tabsContents?: {
        content: ReactNode;
        headerTitle?: string;
        id?: string | number;
    }[];
    tabsSx?: SxProps<Theme>;
    underline?: boolean;
}

Properties

defaultAcive? handleChange? labeledBy? tabList? tabsContents? tabsSx? underline?

Properties

OptionaldefaultAcive

defaultAcive?: number

The default active tab index.

OptionalhandleChange

handleChange?: (e: SyntheticEvent, newValue: string | number) => void

Callback when the active tab changes.

OptionallabeledBy

labeledBy?: string

The aria-labelledby reference ID for accessibility.

OptionaltabList

tabList?: { icon?: string | ReactElement<unknown, string>; label: string }[]

List of tabs to render with label and optional icon.

OptionaltabsContents

tabsContents?: {
    content: ReactNode;
    headerTitle?: string;
    id?: string | number;
}[]

Corresponding content for each tab.

OptionaltabsSx

tabsSx?: SxProps<Theme>

Custom styles for the tab container.

Optionalunderline

underline?: boolean

Whether to show a bottom indicator under the selected tab.

Settings

Member Visibility

On This Page

Properties