Interface TabStripProps

interface TabStripProps {
    activeColor?: AdjustedColor;
    background?: string;
    borderColor?: string;
    borderWidth?: number;
    createScrollEdgeButton?: ((props) => ReactElement<any, string | JSXElementConstructor<any>>);
    createScrollEndButton?: ((props) => ReactElement<any, string | JSXElementConstructor<any>>);
    createScrollStartButton?: ((props) => ReactElement<any, string | JSXElementConstructor<any>>);
    createTabButton?: ((props) => ReactElement<any, string | JSXElementConstructor<any>>);
    createTabDivider?: ((props) => ReactElement<any, string | JSXElementConstructor<any>>);
    disableDrag?: boolean;
    disabled?: boolean;
    editLabelProps?: EditableLabelProps;
    onSelectedTabIndexChange?: ((index) => void);
    onTabMove?: ((indexFrom, indexTo) => void);
    onTabNameChange?: ((index, tabName) => void);
    selectedTabIndex: number;
    tabNames: string[];
}

Hierarchy

  • Omit<React.HTMLAttributes<HTMLDivElement>, "onSubmit" | "onChange">
    • TabStripProps

Properties

activeColor? background? borderColor? borderWidth? createScrollEdgeButton? createScrollEndButton? createScrollStartButton? createTabButton? createTabDivider? disableDrag? disabled? editLabelProps? onSelectedTabIndexChange? onTabMove? onTabNameChange? selectedTabIndex tabNames

Properties

Optional activeColor

activeColor?: AdjustedColor

Optional background

background?: string

Default background color of tabs

Optional borderColor

borderColor?: string

Optional borderWidth

borderWidth?: number

Currently '2022' css does not allow for scrollPanes to be hidden in one axis and overflow in another. To support tab scrolling and create a visual notch for the selected tab We create a border/divider for all elements except the selected.

Optional createScrollEdgeButton

createScrollEdgeButton?: ((props) => ReactElement<any, string | JSXElementConstructor<any>>)

Type declaration

    • (props): ReactElement<any, string | JSXElementConstructor<any>>

    • Parameters

      Returns ReactElement<any, string | JSXElementConstructor<any>>

Optional createScrollEndButton

createScrollEndButton?: ((props) => ReactElement<any, string | JSXElementConstructor<any>>)

Type declaration

    • (props): ReactElement<any, string | JSXElementConstructor<any>>

    • Parameters

      Returns ReactElement<any, string | JSXElementConstructor<any>>

Optional createScrollStartButton

createScrollStartButton?: ((props) => ReactElement<any, string | JSXElementConstructor<any>>)

Type declaration

    • (props): ReactElement<any, string | JSXElementConstructor<any>>

    • Parameters

      Returns ReactElement<any, string | JSXElementConstructor<any>>

Optional createTabButton

createTabButton?: ((props) => ReactElement<any, string | JSXElementConstructor<any>>)

Type declaration

    • (props): ReactElement<any, string | JSXElementConstructor<any>>

    • Parameters

      Returns ReactElement<any, string | JSXElementConstructor<any>>

Optional createTabDivider

createTabDivider?: ((props) => ReactElement<any, string | JSXElementConstructor<any>>)

Type declaration

    • (props): ReactElement<any, string | JSXElementConstructor<any>>

    • Parameters

      • props: HTMLAttributes<HTMLElement> & {
            key: string;
        }

      Returns ReactElement<any, string | JSXElementConstructor<any>>

Optional disableDrag

disableDrag?: boolean

Optional disabled

disabled?: boolean

Optional editLabelProps

editLabelProps?: EditableLabelProps

Optional onSelectedTabIndexChange

onSelectedTabIndexChange?: ((index) => void)

Type declaration

    • (index): void

    • Parameters

      • index: number

      Returns void

Optional onTabMove

onTabMove?: ((indexFrom, indexTo) => void)

Type declaration

    • (indexFrom, indexTo): void

    • Parameters

      • indexFrom: number
      • indexTo: number

      Returns void

Optional onTabNameChange

onTabNameChange?: ((index, tabName) => void)

Type declaration

    • (index, tabName): void

    • Parameters

      • index: number
      • tabName: string

      Returns void

selectedTabIndex

selectedTabIndex: number

tabNames

tabNames: string[]

Settings

Member Visibility

Theme

On This Page

activeColorbackgroundborderColorborderWidthcreateScrollEdgeButtoncreateScrollEndButtoncreateScrollStartButtoncreateTabButtoncreateTabDividerdisableDragdisablededitLabelPropsonSelectedTabIndexChangeonTabMoveonTabNameChangeselectedTabIndextabNames