Skip to content

feat: Create a Reusable Button Component#342

Merged
yusuftomilola merged 1 commit intoDistinctCodes:mainfrom
devJaja:Reusable-Button-Component
Oct 3, 2025
Merged

feat: Create a Reusable Button Component#342
yusuftomilola merged 1 commit intoDistinctCodes:mainfrom
devJaja:Reusable-Button-Component

Conversation

@devJaja
Copy link
Copy Markdown
Contributor

@devJaja devJaja commented Oct 3, 2025

Summary

Implements a fully-typed, reusable Button component in components/ui/Button.tsx to ensure consistent button styling across the application.

Changes

✅ Created components/ui/Button.tsx with TypeScript support
✅ Added variant prop: primary (blue) and secondary (gray)
✅ Added size prop: sm, md, lg
✅ Includes proper disabled state styling
✅ Extends native HTML button attributes for full flexibility
✅ Implements accessible focus states and smooth hover transitions
✅ Marked as Client Component with 'use client' directive for Next.js App Router compatibility

@vercel
Copy link
Copy Markdown

vercel bot commented Oct 3, 2025

@devJaja is attempting to deploy a commit to the naijabuz's projects Team on Vercel.

A member of the Team first needs to authorize it.

@yusuftomilola yusuftomilola merged commit 40fa8c5 into DistinctCodes:main Oct 3, 2025
4 of 5 checks passed
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.

2 participants