Badge Component
+100 rep
Loading...
Get started
While working on project
After completion
1/2
Project brief
In this challenge, you will build a versatile badge component as part of a design system. These badges will be used across various challenges and apps found within the platform, providing consistency throughout the user interface.
Implementation requirements
- Design fidelity: Aim to follow the design as closely as possible. All elements in the design should be present, using the specified text color, font size, font weight, spacing, dimensions, etc.
- Cross-browser compatibility: Check that your solution works for major browsers including Chrome, Firefox, and Safari.
Component properties
- Colors: Neutral, Error, Warning, Success, and Brand
- Sizes: Small, Medium, Large
1/2
Resources provided
Design files for desktop, tablet and mobile
High resolution image assets
README file
Starter code with content copy
Style guide for typography, colors and spacing
Support you can expect
Official guides & resources
Development guides written & curated by Sr engineers at Big tech, such as:
Learn from good code
We recommend well-rated submissions using the same stack for your reference
Ask any questions in community
Have any doubts or need help? Ask in the community and discuss with others.