Skip to content

feat(react): add DropDownTree component #48

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

Merged
merged 2 commits into from
Jun 27, 2025

Conversation

Josem1801
Copy link
Contributor

Related Issue

Related to #16

Summary

Each subcomponent is focused on rendering a specific node in a hirarchical structure

Details

Multiple component to create a complete structure:
DropdownTree.Start
DropdownTree.Subject
DropdownTree.Topic
DropdownTree.SubTopic
DropdownTree.End

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

Screenshots
Captura de pantalla 2025-06-26 a la(s) 11 29 41 p m

Captura de pantalla 2025-06-26 a la(s) 11 41 53 p m

@@ -0,0 +1,12 @@
@layer component {
.dropdown-tree-end {
box-shadow: 2px 2px 0px 0px #000000;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is not the same as shadow-rb-black?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is a different class since the other one handles responsiveness. I added a new utility that already existed in another file to reuse it for this type of element.

}

.rustlanges-dropdown-tree-start--extended {
box-shadow: 2px 2px 0px 0px #000000;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same

Is not the same as shadow-rb-black?


.rustlanges-dropdown-tree-start--default {
& > summary {
box-shadow: 2px 2px 0px 0px #000000;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same

Is not the same as shadow-rb-black?

@@ -0,0 +1,33 @@
@layer component {
.rustlanges-dropdown-tree-subject {
box-shadow: 2px 2px 0px 0px #000000;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same

Is not the same as shadow-rb-black?

@Brayan-724 Brayan-724 added React Related to React.js New Component labels Jun 27, 2025
@Brayan-724 Brayan-724 linked an issue Jun 27, 2025 that may be closed by this pull request
Copy link
Member

@Brayan-724 Brayan-724 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!

@Brayan-724 Brayan-724 merged commit edc31e7 into RustLangES:main Jun 27, 2025
1 check passed
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 Tree
2 participants