#### Codex Tabbed layout component
A layout for arbitrary content consisting of multiple panels (only one of which is visible at a given time) and a horizontal row of labels for navigation. This is a common pattern and it is used widely across Wikimedia products. Ideally the Codex version of this component should blend in seamlessly with prior implementations (OOUI, etc).
* [[ https://www.figma.com/file/mn4bJHD74ks7DIcLlgLyFq/Tab-component---T303321?node-id=906%3A5544 | Figma documentation ]]
* Prior Art: [[ https://www.mediawiki.org/wiki/OOUI/Index_and_TabPanels | OOUI IndexLayout and TabPanel layout ]]
#### Screenshots (from Figma)
Framed layout
{F35005521}
Unframed layout
{F35005520}
#### To do
**Design**
- [-] Finalize Figma design for this component (include disabled states for both styles if necessary)
- [] Publish changes in our Figma library
**Code**
- [x] Implement Vue 3 compatible version of Tab and Tabs components
**Design Review**
- [] Fix Tabs hover styles in Chrome (patch: https://gerrit.wikimedia.org/r/c/design/codex/+/778323)
- [] Adjust Tabs header spacing to match Figma specs
- [] Limit gradient-indicator width to 24px
- [] Ensure both framed and frameless outline styles use rounded corners (top left and top right corners only)
**QA & Release**
- [] QA and accessibility testing
- [] Inclusion in Codex release