-
Notifications
You must be signed in to change notification settings - Fork 0
new conf design — cfp #13
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
base: new-conf-design--sponsors
Are you sure you want to change the base?
Conversation
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
<div | ||
role="tablist" | ||
className="flex divide-sec-dark border-b border-sec-dark *:flex-1 max-md:sr-only md:divide-x" | ||
> | ||
{tabsInOrder.map((tab, i) => ( | ||
<TabButton | ||
tab={tab} | ||
tabIndex={i === 0 ? 0 : -1} | ||
activeTab={activeTab} | ||
setActiveTab={setActiveTab} | ||
/> | ||
))} | ||
</div> | ||
<div className="flex flex-1 justify-center overflow-hidden max-md:flex-col md:items-center"> | ||
{tabsInOrder.map(tab => ( | ||
<> | ||
<TabButton | ||
tab={tab} | ||
activeTab={activeTab} | ||
setActiveTab={setActiveTab} | ||
className="md:hidden" | ||
aria-hidden | ||
/> |
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.
tabs are twice in the DOM, once in a tablist for desktop and screen readers, and the second time for mobiles (aria-hidden) to make it look like an accordion
cf89863
to
e6c9e43
Compare
Warning This pull request is not mergeable via GitHub because a downstack PR is open. Once all requirements are satisfied, merge this PR as a stack on Graphite.
This stack of pull requests is managed by Graphite. Learn more about stacking. |
Description
I'm not 100% sure about the text sections in here and dark mode variant is TBD.