-
-
Notifications
You must be signed in to change notification settings - Fork 6.4k
feat(ui): add DataTag
#7797
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.
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
feat(ui): add DataTag
#7797
Conversation
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Pull Request Overview
This PR introduces a new UI component called CircularIcon that displays a circular icon with customizable symbol, color, and size. Key changes include:
- Adding the CircularIcon component in TypeScript.
- Including a Storybook story to demonstrate various icon sizes.
- Adding a CSS module for styling the component with Tailwind CSS utilities.
Reviewed Changes
Copilot reviewed 3 out of 3 changed files in this pull request and generated 1 comment.
File | Description |
---|---|
packages/ui-components/Common/CircularIcon/index.tsx | Adds the CircularIcon component implementation. |
packages/ui-components/Common/CircularIcon/index.stories.tsx | Provides Storybook stories for the CircularIcon. |
packages/ui-components/Common/CircularIcon/index.module.css | Implements the styling for the CircularIcon component using CSS modules. |
Codecov ReportAll modified and coverable lines are covered by tests ✅
✅ All tests successful. No failed tests found. Additional details and impacted files@@ Coverage Diff @@
## main #7797 +/- ##
==========================================
+ Coverage 75.34% 75.46% +0.11%
==========================================
Files 96 101 +5
Lines 7862 8309 +447
Branches 192 218 +26
==========================================
+ Hits 5924 6270 +346
- Misses 1937 2037 +100
- Partials 1 2 +1 ☔ View full report in Codecov by Sentry. 🚀 New features to boost your workflow:
|
Co-authored-by: Caner Akdas <[email protected]> Signed-off-by: Aviv Keller <[email protected]>
Lighthouse Results
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM ! That's clean
Fast-tracking so I can add this to the web generator. If you approve, merge when ready. |
This is the
CircularIcon
component, based on the design shown below:Storybook preview: