How do I use word wrap in an announcement banner?

Hao Ze Wu
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
April 11, 2024

Here's a snippet of code:

const BannerOverflowExample = () => {

return (

<Box xcss={containerStyles} id="OMEGALUL">

<Banner icon={<WarningIcon label="" secondaryColor="inherit" />}>

{message}

</Banner>

</Box>

);

};
from the Atlassian docs regarding banners: https://atlassian.design/components/banner/examples
I've noticed that the Banner doesn't take in any CSS parameters regarding wrapping, and instead it displays ellipsis. Is it possible then to add word wrapping so my entire message displays on the announcement banner?

0 answers

Suggest an answer

Log in or Sign up to answer
TAGS
AUG Leaders

Atlassian Community Events