Skip to content
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.

Sign up for GitHub

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

Jump to bottom

feat: add a badge component #13

Open
anwarulislam opened this issue Jun 20, 2024 · 1 comment
Open

feat: add a badge component #13

anwarulislam opened this issue Jun 20, 2024 · 1 comment
Assignees
@The-x-35
Labels
fosshack Relegated for FOSS Hack Partner Projects Programme

Comments

@anwarulislam
Copy link
Member

anwarulislam commented Jun 20, 2024 •
edited
Loading

The ⁠Badge component is intended to be used to display small, informative labels or indicators, typically used to show:

  • Counts: e.g. number of notifications, unread messages, etc.
  • Status: e.g. “New”, “Active”, “Pending”, etc.
  • Tags: e.g. categories, types, etc.
@anwarulislam anwarulislam added the fosshack Relegated for FOSS Hack Partner Projects Programme label Jun 20, 2024
@The-x-35
Copy link

I have taken part in the foss hack event and request you to assign this issue to me under the event.
My approach to solve this issue would be to add the badge component as a new component in the src/components folder and then add the related story to it in the stories folder and then test the code against all values, I would give a feature to choose the value they want to keep for the component and also the colour for better view.
If there is anything more I need to do please guide me.

@The-x-35 The-x-35 mentioned this issue Jul 27, 2024
Merged
anwarulislam added a commit that referenced this issue Aug 18, 2024
@The-x-35 @anwarulislam
Solving issue #13 feat: add a badge component (#25)
25144be 
* Made the Badge component and added the props for value, colour and text colour

* feat: badge improved

---------

Co-authored-by: Arpit Singh <[email protected]>
Co-authored-by: Anwarul Islam <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@The-x-35 The-x-35

Labels
fosshack Relegated for FOSS Hack Partner Projects Programme
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@anwarulislam @The-x-35