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.

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

Add truncated props in Badge #2603

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

nayounsang
Copy link
Contributor

Self Checklist

  • I wrote a PR title in English and added an appropriate label to the PR.
  • I wrote the commit message in English and to follow the Conventional Commits specification.
  • I added the changeset about the changes that needed to be released. (or didn't have to)
  • I wrote or updated documentation related to the changes. (or didn't have to)
  • I wrote or updated tests related to the changes. (or didn't have to)
  • I tested the changes in various browsers. (or didn't have to)
    • Windows: Chrome, Edge, (Optional) Firefox
    • macOS: Chrome, Edge, Safari, (Optional) Firefox

Related Issue

Fixes #2591

Summary

  • Add ellipsis to Badge

Details

  • Added truncated props to Badge and added the story of truncated Badge. It supports ellipses in Badge text.
  • The width must be specified from the outside or on itself. Otherwise, even if truncated props are specified, the length will increase because of flex.
  • Same truncated feature of Text.

Breaking change? (Yes/No)

No

References

Copy link

changeset-bot bot commented Feb 8, 2025

🦋 Changeset detected

Latest commit: 87747dd

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages
Name Type
@channel.io/bezier-react Patch
bezier-figma-plugin Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

Copy link

channeltalk bot commented Feb 8, 2025

Copy link

codecov bot commented Feb 8, 2025

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 81.86%. Comparing base (4e3beb4) to head (87747dd).
Report is 9 commits behind head on main.

Additional details and impacted files
@@           Coverage Diff           @@
##             main    #2603   +/-   ##
=======================================
  Coverage   81.86%   81.86%           
=======================================
  Files         145      145           
  Lines        2889     2889           
  Branches      920      920           
=======================================
  Hits         2365     2365           
+ Misses        520      494   -26     
- Partials        4       30   +26     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

Copy link
Contributor

github-actions bot commented Feb 8, 2025

Chromatic Report

🚀 Congratulations! Your build was successful!

@@ -24,3 +32,16 @@ export const Primary: StoryObj<BadgeProps> = {
variant: 'default',
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Primary에서도 배포버전에서 truncated: set object 의 control이 생깁니다. 없앨 예정입니다.

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.

Add ellipsis to Badge
1 participant