-
Notifications
You must be signed in to change notification settings - Fork 5
React/topic #47
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
React/topic #47
Conversation
|
@SergioRibera do you remember where is this component used? I don't see it in the roadmap site. |
|
@Brayan-724 here usually to track the progress |
styles/components/topic.css
Outdated
|
|
||
| .rustlanges-topic__summary { | ||
| @apply grid w-full grid-cols-[auto_1fr_auto_auto] items-center gap-2 border-y border-black px-3 py-4; | ||
| @apply [&>svg]:duration-400 [&>svg]:size-6 [&>svg]:transition; |
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.
When a variant is used frequently I prefer to use the @variant at-rule, but in this case the css nesting is better like
& > svg {
@apply ...;
}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 know that in the current components this variant is used a lot but we should fix it, as this is a new component I think is good to set the guidelines.
|
@SergioRibera that component is #16. This is another component but I didn't find where is used |
Related Issue
Related to #17
Summary
Interactive Topic dropdown
Details
Type and lint safe (check:tsc & -r lint)
Integrated into showcase/App.tsx
Screenshots