Skip to content

feat: tabs component#573

Merged
AlanFnz merged 4 commits intofreenowtech:mainfrom
AlanFnz:AUT-2539/tabs-component
Feb 24, 2026
Merged

feat: tabs component#573
AlanFnz merged 4 commits intofreenowtech:mainfrom
AlanFnz:AUT-2539/tabs-component

Conversation

@AlanFnz
Copy link
Member

@AlanFnz AlanFnz commented Feb 24, 2026

What

Implemented a new experimental Tabs component based on react-aria-components

Media

tabs.mov

How

  • Created Tabs.tsx using react-aria-components (Tabs, TabList, Tab, TabPanel).
  • Implemented specific styling for the active tab:
    • Font color changes to accent.
    • Font weight changes to semibold.
    • Centered "short" underline (80% width/height) using the accent color.
  • Supported both horizontal and vertical orientations using parent attribute selectors for data-orientation.
  • Added unit tests in covering basic rendering, switching tabs, and disabled states.
  • Created Storybook stories for visual verification and documentation.

@AlanFnz AlanFnz self-assigned this Feb 24, 2026
@pkg-pr-new
Copy link

pkg-pr-new bot commented Feb 24, 2026

Open in StackBlitz

npm i https://pkg.pr.new/@freenow/wave@573

commit: eec0ef6

@AlanFnz AlanFnz requested review from Mukesh-FN, lizzielerwill-ctrl and renejfc and removed request for jonotrujillo February 24, 2026 09:23
@AlanFnz AlanFnz merged commit 1c3ca66 into freenowtech:main Feb 24, 2026
7 checks passed
github-actions bot pushed a commit that referenced this pull request Feb 24, 2026
## 2.51.0 (2026-02-24)

* feat: tabs component (#573) ([1c3ca66](1c3ca66)), closes [#573](#573)
@github-actions
Copy link
Contributor

🎉 This PR is included in version 2.51.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Development

Successfully merging this pull request may close these issues.

2 participants