Skip to content

feat(ui): add reusable Label component - #145

Merged
codebestia merged 2 commits into
ShadeProtocol:mainfrom
peternnadi1999:feat/ui-label-component
Jul 31, 2026
Merged

feat(ui): add reusable Label component#145
codebestia merged 2 commits into
ShadeProtocol:mainfrom
peternnadi1999:feat/ui-label-component

Conversation

@peternnadi1999

Copy link
Copy Markdown
Contributor

Summary

Introduces a reusable Label component for form fields using Radix UI, reducing duplicated markup and improving form accessibility. Refactors part of RegisterClient to compose Label with Input instead of using inline wrappers.

Changes

  • Added src/components/ui/label.tsx
  • Built the component using @radix-ui/react-label
  • Matched the existing text-sm font-medium styling
  • Ensured labels are correctly associated with inputs using htmlFor and matching id attributes
  • Refactored at least one field in RegisterClient to use the new Label component with Input
  • Reduced duplicated form wrapper markup and improved component consistency

Verification

  • npm run typecheck
  • npm run format:check

Notes

closes #85

@drips-wave

drips-wave Bot commented Jul 30, 2026

Copy link
Copy Markdown

@peternnadi1999 Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

@codebestia
codebestia merged commit 7ef7bcd into ShadeProtocol:main Jul 31, 2026
@grantfox-oss grantfox-oss Bot mentioned this pull request Jul 31, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Create Label Component

2 participants