[feat]: Update `<pf-v6-tabs>` for PatternFly v6
Ninguém assumiu esta issue ainda.
Avaliação
- Dificuldade
- 5/5
- Tempo estimado
- Mais de uma semana
- Facilidade para iniciantes
- 35/100
- Tipo de issue
- Funcionalidade
- Clareza
- Razoavelmente clara
- Status de atividade
- Pouca atividade
- Stack de tecnologia
- css, html, react, typescript
- Domínio
- accessibility, design, documentation, frontend, testing
Direção de pesquisa
Start with .claude/ADVICE.md, the PatternFly v6 Tabs reference, and the existing elements/pf-v5-tabs/ implementation, then review the CEM, cockpit, and chickadee prior art. Done means the renamed element and sub-components cover the stated API, accessibility, demos, tests, linting, review checks, changeset, and staging/pfv6 target; update the listed exports and documentation references.
Escrita pelo modelo de indexação a partir do texto da issue.
Descrição
Summary
Update `` to implement the PatternFly v6 Tabs component.
Tabbed content panels with horizontal or vertical orientation, supporting default, box, and filled variants.
Prior Art
| Source | Element | Status |
|---|---|---|
| PFE v4 | `` | Exists |
| cem | `` | Exists |
| cockpit | `` | Exists |
| chickadee | `` | Exists |
Sub-components
- `` - Individual tab trigger
- `` - Content panel associated with a tab
Requirements
- MUST implement PFv6 visual designs
- MUST provide end-user feature parity with `@patternfly/react-core` Tabs
- MAY adjust element API to leverage web platform strengths
- SHOULD maintain CSS custom property theming compatibility
- SHOULD expose useful CSS shadow parts
Element-specific considerations
- React `variant`: `default`, `box`, `vertical`, `horizontal` - and combinations like `box vertical`; verify v6 variant names
- React `isBox`, `isVertical`, `isSecondary`, `isFilled` - map to boolean attributes
- React `activeKey` (controlled) vs `defaultActiveKey` (uncontrolled) - reflect as `active-key` attribute
- React `onSelect` - fires with tab key and event - emit `tab-select` or `change` custom event
- React `mountOnEnter`, `unmountOnExit` - lazy content mounting; may not apply to web component slots
- React `inset`, `usePageInsets` - padding tokens
- React `overflow menu` - tabs that overflow collapse into a dropdown; complex, verify v6 scope
- ARIA: `role="tablist"`, tabs have `role="tab"` + `aria-selected` + `aria-controls`; panels have `role="tabpanel"` + `aria-labelledby`
- RTI (Roving Tab Index) controller for keyboard navigation (← → arrow keys)
Checklist
Rename
- Delete `elements/pf-v5-tabs/`
- Update `elements/package.json` exports
- Update `eslint.config.js` ignore globs if applicable
- Update docs `_snippets/` and `framework-integration/` references
Implementation
- API per `.claude/ADVICE.md`
- CSS uses v6 tokens, logical properties, nesting
- `@summary` and JSDoc on element class
Demos
- Demos match patternfly.org naming/structure
- CSS custom properties match computed styles from patternfly.org (Chrome MCP)
- Visual parity verified via Chrome MCP
Tests
- Public API covered (attributes, properties, events, slots)
- `a11ySnapshot` assertions
Reviews
- `/review-api` passes
- `/review-demos` passes
- `/review-a11y` passes
- `eslint` and `stylelint` pass
Ship
- Add changeset
- PR targets `staging/pfv6` (NOT `main`)
- Linguagem predominante
- TypeScript
- Estrelas
- 395
- Forks
- 107
- Métricas de merge de PRs
- Nenhum PR com merge em 30d
Preparar o ambiente
- Sem Dockerfile nem arquivo Docker Compose
- Tem um modelo de pull request
- Ler o guia de contribuição
Primeiros passos
- Leia a issue inteira e depois o guia de contribuição do projeto.
- Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
- Faça um fork do repositório e trabalhe em uma branch.
- Abra um pull request que referencie o número da issue.
Mais de patternfly/patternfly-elements
-
[bug] ssr-shims.js uses deprecated globalThis.litSsrCallConnectedCallbackTalvez já em andamento @zeroedin assumiu há 64 dias. Abertabug
patternfly/patternfly-elements#3158 · 1 responsável ·
-
chore: evaluate removing isolatedDeclarations from tsconfigTalvez livre de novo @bennypowers assumiu há 154 dias e não há nenhum pull request aberto. Aberta
patternfly/patternfly-elements#3136 · 1 comentário · 1 responsável ·
-
chore: update docs scaffolding for v6 elementsTalvez livre de novo @zeroedin assumiu há 154 dias e não há nenhum pull request aberto. Abertadocs
patternfly/patternfly-elements#3131 · 1 responsável ·
-
Dificuldade 4/5 3-5 dias Facilidade para iniciantes 55/100
patternfly/patternfly-elements#3122 ·
-
Dificuldade 5/5 Mais de uma semana Facilidade para iniciantes 38/100
patternfly/patternfly-elements#3118 ·
Todas as issues de patternfly/patternfly-elements
Issues semelhantes
-
Dependencies view: `getParent` loops forever on untitled documents, extension host runs out of memoryTalvez já em andamento Um pull request vinculado a esta issue está aberto ou já foi mesclado. Abertabug
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 70/100
Mantenedores costumam responder em até 1 dia
-
bug
Dificuldade 2/5 Menos de uma hora Facilidade para iniciantes 82/100
awslabs/visual-asset-management-system#413 ·
Mantenedores costumam responder em até 1 dia
-
bug confirmed perf
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 72/100
videojs/video.js#9400 · 1 comentário ·
Mantenedores costumam responder em até 1 dia
-
bug pending triage scope/agent
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 82/100
Mantenedores costumam responder em até 1 dia
-
good first issue hacktoberfest
Dificuldade 2/5 Meio dia Facilidade para iniciantes 70/100
HelpCode-ai/anythingmcp#996 ·
Mantenedores costumam responder em até 1 dia