You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
When we pass a long label on the Footer buttons, the alignment of the text breaks.
It happens in both components: ConfirmationModal and Modal (this last one you have to set the size="small" to replicate)
With the Modal component we can customize each button, so we can change the properties to fix the behavior.
With the ConfirmationModal is not possible since we can't access the inner components.
riccoutinho
changed the title
Text of Modal Buttons breaking alignment when text is long
Label of Modal Buttons breaking alignment when text length is long
Feb 19, 2025
Problem
When we pass a long label on the Footer buttons, the alignment of the text breaks.
It happens in both components: ConfirmationModal and Modal (this last one you have to set the
size="small"
to replicate)With the Modal component we can customize each button, so we can change the properties to fix the behavior.
With the ConfirmationModal is not possible since we can't access the inner components.
Expected behavior
Button size adapting to the label length.
Reproducible Example
https://codesandbox.io/p/devbox/runtime-haze-c2ry7h
Suggested solution
No response
Additional context
No response
Package
No response
Packages version
No response
Browser
No response
Package Manager
yarn
The text was updated successfully, but these errors were encountered: