-
Notifications
You must be signed in to change notification settings - Fork 4.8k
Tracking Issue: Create new version of TabPanel #51553
Description
The goal of this issue is to track progress on the introduction of a new, more granular/composable version of the TabPanel component. This new component will be given the more appropriate name of Tabs. This new component will provide various subcomponents for the tab list, the tabs themselves, and the tab content. We'll also provide a pre-composed version of the component that maintains the functionality and API shape of the current TabPanel component.
The overall goal is to give consumers more flexibility with how tab panels are implemented by moving away from a singular, monolithic component. This will allow us to avoid some of the various hacks, workarounds, and style overrides that have been needed in the past.
We'll complete this work in several steps:
- Create a new
Tabspanel using Radix internalsTabs: Add@radix-ui/react-tabs-powered version ofTabPanel#51551 - Create modular subcomponents, and update the new
Tabscomponent to utilize them - Replace the existing
TabPanelcomponent with the newTabsimplementation, testing and fixing any gaps/issues we find - Finalize/polish and release the granular/composable version of
Tabs - Convert existing
TabPanelusages in Gutenberg to the new, composableTabscomponent - Introduce a
TabPaneldeprecation warning