-
Notifications
You must be signed in to change notification settings - Fork 185
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat(SegmentedControl): support using SegmentedControl as tabs #7960
feat(SegmentedControl): support using SegmentedControl as tabs #7960
Conversation
size-limit report 📦
|
e2e tests
|
This pull request is automatically built and testable in CodeSandbox. To see build info of the built libraries, click here or the icon next to each commit SHA. |
👀 Docs deployed
Commit a6e884e |
Codecov ReportAttention: Patch coverage is
Additional details and impacted files@@ Coverage Diff @@
## master #7960 +/- ##
=======================================
Coverage 95.51% 95.51%
=======================================
Files 396 397 +1
Lines 11235 11271 +36
Branches 3720 3730 +10
=======================================
+ Hits 10731 10766 +35
- Misses 504 505 +1
Flags with carried forward coverage won't be shown. Click here to find out more. ☔ View full report in Codecov by Sentry. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
👍
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
💅
packages/vkui/src/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.tsx
Outdated
Show resolved
Hide resolved
packages/vkui/src/components/SegmentedControl/SegmentedControl.tsx
Outdated
Show resolved
Hide resolved
packages/vkui/src/components/SegmentedControl/SegmentedControl.tsx
Outdated
Show resolved
Hide resolved
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🎉
* feat(SegmentedControl): support using SegmentedControl as tabs * test(SegmentedControl): add tests * fix(SegmentedControl): refactor logic * fix(SegmentedControl): fix before renderning
Описание
Добавлена поддержка WAI-ARIA для компонента
SegmentedControl
при использовании в качестве табов. Реализована навигация с помощью клавиатуры и корректная семантическая разметка для улучшения доступности.Изменения
useTabsNavigation
изTabs
для обработки клавиатурной навигации и переиcпользовал вSegmentedControl
SegmentedControl
добавлена поддержка ролиtablist
Release notes
Улучшения
role="tablist"