Select to view content in your preferred language

How to increase the character limit in the Alert component

327
0
02-14-2024 03:15 PM
lmotta_ibama
Occasional Contributor

I'm developing a widget for ExpB and I'd like to improve the appearance of the messages I display in the Alert component

I would like the message in the Alert component to appear on just one line.

The figure shows the error message (type='error') broken into more than one line.

The component (Alert) is inside the Label with className= {css}, where,
const css = 'd-flex align-items-center align-items-baseline';

The style (CSS) used in the Label allows adjusting all components in the same line, but the Alert does not take advantage of this property of the Label.

How can I set the Alert to use the spaces available in the Label, or use another technique to not break the message?

Thank you in advance for any help.

lmotta_ibama_0-1707952426178.png

 

lmotta_ibama_1-1707952463095.png

 

 

 

Tags (1)
0 Kudos
0 Replies