• Version 15.1.1
  • Published
  • 166 kB
  • 7 dependencies
  • MIT license


npm i rc-tabs
yarn add rc-tabs
pnpm add rc-tabs


tabs ui component for react



variable Tabs

const Tabs: React.ForwardRefExoticComponent<any>;


    interface TabsProps

    interface TabsProps
    extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'children'> {}

      property activeKey

      activeKey?: string;

        property animated

        animated?: boolean | AnimatedConfig;

          property className

          className?: string;

            property defaultActiveKey

            defaultActiveKey?: string;

              property destroyInactiveTabPane

              destroyInactiveTabPane?: boolean;

                property direction

                direction?: 'ltr' | 'rtl';

                  property editable

                  editable?: EditableConfig;

                    property getPopupContainer

                    getPopupContainer?: (node: HTMLElement) => HTMLElement;

                      property id

                      id?: string;

                        property indicator

                        indicator?: {
                        size?: GetIndicatorSize;
                        align?: 'start' | 'center' | 'end';

                          property items

                          items?: Tab[];

                            property locale

                            locale?: TabsLocale;

                              property more

                              more?: MoreProps;

                                property onChange

                                onChange?: (activeKey: string) => void;

                                  property onTabClick

                                  onTabClick?: (
                                  activeKey: string,
                                  e: React.KeyboardEvent | React.MouseEvent
                                  ) => void;

                                    property onTabScroll

                                    onTabScroll?: OnTabScroll;

                                      property popupClassName

                                      popupClassName?: string;
                                      • Internal usage. Not promise will rename in future

                                      property prefixCls

                                      prefixCls?: string;

                                        property renderTabBar

                                        renderTabBar?: RenderTabBar;

                                          property style

                                          style?: React.CSSProperties;

                                            property tabBarExtraContent

                                            tabBarExtraContent?: TabBarExtraContent;

                                              property tabBarGutter

                                              tabBarGutter?: number;

                                                property tabBarStyle

                                                tabBarStyle?: React.CSSProperties;

                                                  property tabPosition

                                                  tabPosition?: TabPosition;

                                                    Package Files (2)

                                                    Dependencies (7)

                                                    Dev Dependencies (33)

                                                    Peer Dependencies (2)


                                                    To add a badge like this onejsDocs.io badgeto your package's README, use the codes available below.

                                                    You may also use Shields.io to create a custom badge linking to https://www.jsdocs.io/package/rc-tabs.

                                                    • Markdown
                                                    • HTML
                                                      <a href="https://www.jsdocs.io/package/rc-tabs"><img src="https://img.shields.io/badge/jsDocs.io-reference-blue" alt="jsDocs.io"></a>