-
Notifications
You must be signed in to change notification settings - Fork 4
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
Add tabs component #341
Add tabs component #341
Conversation
…eUI/igniteui-webcomponents into mtsvyatkova/tabs-component
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.
I can see a slight border leftover in the selected tab when using bootstrap.
> * { | ||
margin-inline-start: rem(12px); | ||
|
||
&:first-child { | ||
margin-inline-start: 0; | ||
} | ||
} |
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.
We can replace all this with:
> * { | |
margin-inline-start: rem(12px); | |
&:first-child { | |
margin-inline-start: 0; | |
} | |
} | |
gap: rem(12px); |
width: rem(24px); | ||
height: rem(24px); |
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.
Use --size
for sizing igc-icon
s.
Support using tab as a tab strip Support selection through attribute for tab children. Mutation observer to sync DOM changes for ARIA and selection states. Some fixed issues.
@rkaraivanov I've noticed on the Strip sample since they have no panels the change event emits empty string detail for all - perhaps we should consider adding the entire tab element to the detail? Also an idea related to that - perhaps we can add functionality to auto-associate tabs and panels based on index so explicit ids are not mandatory (will ease generating tabs from designs) |
b40785d
Closes #185