-
Notifications
You must be signed in to change notification settings - Fork 80
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(Tabs): Created Tabs component #93
Conversation
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.
Just some small notes regarding the active color otherwise look 🆒
} | ||
return <a {...elementProps}>{children}</a>; | ||
} else { | ||
elementProps['aria-selected'] = selected; |
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.
this is clever :)
packages/forma-36-react-components/src/components/Tabs/Tabs.css
Outdated
Show resolved
Hide resolved
extends React.DetailedHTMLProps< | ||
React.HTMLAttributes<HTMLDivElement>, | ||
HTMLDivElement | ||
> { |
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.
Why do you need this? Just curious.
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.
Because API allows using (with ...rest
) all HTML properties that you would normally use with <div />
5607e96
to
e936a81
Compare
e936a81
to
53789e6
Compare
Purpose of PR
This PR introduces new set of components:
Tabs
,Tab
andTabPanel
.Tabs
andTabPanel
have no styles and used only for logical composition and hiding all required ARIA-attributes.PR Checklist
readme.md
file(s)