Skip to content

feat(ui/tabs): add headless tabs component with full accessibility support#20

Merged
devinjameson merged 1 commit intomainfrom
devin/foldkit-ui-tabs
Feb 13, 2026
Merged

feat(ui/tabs): add headless tabs component with full accessibility support#20
devinjameson merged 1 commit intomainfrom
devin/foldkit-ui-tabs

Conversation

@devinjameson
Copy link
Owner

Implements the Tabs UI component with keyboard navigation, ARIA
attributes, and six configurable features: vertical orientation,
manual activation mode, disabled tabs, panel persistence, element
polymorphism, and outer wrapper className.

Adds the FoldkitUi page to the website with a live tabs demo.

@vercel
Copy link

vercel bot commented Feb 13, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
foldkit-website Ready Ready Preview, Comment Feb 13, 2026 11:04pm

Add a fully accessible, headless Tabs component to foldkit-ui with:

- Horizontal and vertical orientations with correct arrow key navigation
- Automatic and manual activation modes
- Disabled tab support (skipped in keyboard nav, not clickable)
- Panel persistence option (keep inactive panels in DOM or unmount)
- Element polymorphism for tab list, tab, and panel elements
- Data attributes (data-selected, data-disabled) for CSS-driven styling
- Full ARIA support: roles, aria-selected, aria-controls, aria-labelledby,
  aria-orientation, aria-disabled

Also adds AriaControls and AriaOrientation helpers to the html module
and includes a website demo page with horizontal and vertical examples.
@devinjameson devinjameson merged commit 5c83325 into main Feb 13, 2026
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant