We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
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
Describe in detail the issue you're having.
When i use a toggle with long labels, they appear on 2 lines while there is a lot of space to display them on 1 line :
Is this issue related to a specific component?
Yes, Toggle component
What did you expect to happen? What happened instead? What would you like to see changed?
I would expect the label to be displayed on 1 line like this :
What browser are you working in?
Chrome 80
Please create a reduced test case in CodeSandbox https://codesandbox.io/s/carbon-components-react-qojzy
The text was updated successfully, but these errors were encountered:
it looks like your dependencies are out of date and this is a fixed issue in newer package versions (ref #5392 #5393)
the workaround for you would be to add this to your stylesheet:
.bx--toggle__text--left, .bx--toggle__text--right { white-space: nowrap; }
Sorry, something went wrong.
No branches or pull requests
[Toggle labels]: When labels are long, they get displayed on 2 lines
What package(s) are you using?
Detailed description
When i use a toggle with long labels, they appear on 2 lines while there is a lot of space to display them on 1 line :
Yes, Toggle component
I would expect the label to be displayed on 1 line like this :
Chrome 80
The text was updated successfully, but these errors were encountered: