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

Link: text is not getting truncated. Need wordBreak prop #2230

Open
AnkitaBagale opened this issue Jun 13, 2024 · 3 comments
Open

Link: text is not getting truncated. Need wordBreak prop #2230

AnkitaBagale opened this issue Jun 13, 2024 · 3 comments
Labels
P1 Kinda Important

Comments

@AnkitaBagale
Copy link

AnkitaBagale commented Jun 13, 2024

Owner name in below ss "Kathyaini Chiraredigari" is overflowing
Screenshot 2024-06-13 at 2 19 51 PM

@saurabhdaware
Copy link
Member

You can use truncateAfterLines: 1 prop and wrap the text in container of expected width https://blade.razorpay.com/?path=/story/components-typography-text--text&args=truncateAfterLines:1

@AnkitaBagale
Copy link
Author

@saurabhdaware sorry I forgot to add code here.
This is Link component not Text.

            <Link variant="anchor" color="neutral" onClick={handleMemberClick}>
              {budgetOwnerTransformedName}
            </Link>

@chaitanyadeorukhkar
Copy link
Collaborator

@AnkitaBagale can you not wrap it in a Box and give it a fixed width?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
P1 Kinda Important
Projects
None yet
Development

No branches or pull requests

3 participants