{"repo":"react-component/tabs","free":true,"listed":false,"github":"https://github.com/react-component/tabs","clone":"git clone https://github.com/react-component/tabs.git","description":"📑 Flexible React tabs with overflow, editable items, custom tab bars, and accessible panels.","language":"TypeScript","stars":572,"topics":["ant-design","antd","javascript","react","react-component"],"license":"MIT","category":"ui-components","readme_excerpt":"@rc-component/tabs Part of the Ant Design ecosystem. 📑 Flexible React tabs with overflow, editable items, custom tab bars, and accessible panels. English 简体中文 Highlights - Supports top, bottom, left, and right tab positions with RTL layouts. - Handles overflow with a dropdown operation menu. - Supports editable tabs, extra tab bar content, indicators, and custom tab bars. - Provides semantic classNames and styles slots for panel and navigation customization. Install Usage Online preview: https://tabs.react-component.vercel.app/ Examples Run the local dumi site: Then open http://localhost:8000 . API Tabs Name Type Default Description --- --- --- --- activeKey string - Controlled active tab key. animated boolean \\ AnimatedConfig { inkBar: true, tabPane: false } Animation config. className string - Additional class name. classNames Partial - Semantic class names. defaultActiveKey string - Initial active tab key. destroyOnHidden boolean false Destroy inactive tab panels. direction 'ltr' \\ 'rtl' 'ltr' Layout direction. editable EditableConfig - Editable tab configuration. getPopupContainer (node: HTMLElement) = HTMLElement - Popup container resolver. id string - Root id. indicator { size?: GetIndicatorSize; align?: 'start' \\ 'center' \\ 'end' } - Indicator size and alignment. items Tab[] [] Tab items. locale TabsLocale - Accessibility locale text. more MoreProps - more dropdown config, see MoreProps for full API. Additionally supports popupRender for custom popup content. onChange","default_branch":null,"files":null,"tree":[],"storefront":"/r/react-component","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/react-component/tabs/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}