Skip to content

Conversation

@Josem1801
Copy link
Contributor

@Josem1801 Josem1801 commented Jun 26, 2025

Related Issue

Related to #17

Summary

Interactive Topic dropdown

  • Topic component
  • Sub Topic component

Details

  • Add styles to @rustlangest/styles package
  • Integrate styles to build component

Type and lint safe (check:tsc & -r lint)

Integrated into showcase/App.tsx

Screenshots

Light theme

Captura de pantalla 2025-06-26 a la(s) 1 49 31 a m

Dark theme

Captura de pantalla 2025-06-26 a la(s) 1 49 39 a m

@Brayan-724
Copy link
Member

@SergioRibera do you remember where is this component used? I don't see it in the roadmap site.

@SergioRibera
Copy link
Member

@Brayan-724 here usually to track the progress


.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;
Copy link
Member

@Brayan-724 Brayan-724 Jun 26, 2025

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 ...;
}

Copy link
Member

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.

@Brayan-724
Copy link
Member

@SergioRibera that component is #16. This is another component but I didn't find where is used

@Brayan-724 Brayan-724 linked an issue Jun 26, 2025 that may be closed by this pull request
@Brayan-724 Brayan-724 merged commit dc403e9 into RustLangES:main Jun 26, 2025
1 check passed
@Brayan-724 Brayan-724 added React Related to React.js New Component labels Jul 2, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

New Component React Related to React.js

Projects

None yet

Development

Successfully merging this pull request may close these issues.

React - Dropdown Topics

3 participants