Skip to content

Conversation

@Josem1801
Copy link
Contributor

Related Issue

Related to #22

Summary

Add a new Level React component with the variants from the design spec.

Details

  • The color and text change dynamically according to the variant
  • A HOC was created to build components with dynamic tags.

Checks

Passes pnpm lint
Type-safe (pnpm check:tsc)
Integrated into showcase/App.tsx

Screenshots

Captura de pantalla 2025-06-19 a la(s) 3 38 31 p m
Captura de pantalla 2025-06-19 a la(s) 3 38 23 p m
Captura de pantalla 2025-06-19 a la(s) 3 38 14 p m
Captura de pantalla 2025-06-19 a la(s) 3 38 05 p m

@Brayan-724 Brayan-724 self-requested a review June 19, 2025 21:58
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.

withAs is a good utility, thank you! LGTM

@@ -0,0 +1,26 @@
import { withAs } from "../../utils/hoc/with-as.hoc";
Copy link
Member

Choose a reason for hiding this comment

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

Probably we need path aliases for this, like @utils/hoc or @utils/tw-merge

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Sure! I'll add path aliases in the next commit :)

@Brayan-724 Brayan-724 merged commit f93cf85 into RustLangES:main Jun 19, 2025
1 check passed
@Brayan-724 Brayan-724 added React Related to React.js New Component labels Jun 19, 2025
@Brayan-724 Brayan-724 linked an issue Jun 19, 2025 that may be closed by this pull request
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 - Level

2 participants