Problem when setting high width.

[DiegoDevBittencourt]

Sup guys! So this is my code:

import { store } from 'react-notifications-component';

import 'react-notifications-component/dist/theme.css'
import 'animate.css'

export default Notification = {

  dangerNotification: function (message) {

    store.addNotification({
      message: message,
      type: "danger",
      insert: "top",
      container: "top-right",
      animationOut: ["animated", "fadeOut"],
      width: 600,
      dismiss: {
        duration: 4000,
        onScreen: true,
        showIcon: true,
      },
    });
  }
}

And this is how the notification appears on my screen:

I want that the notification appears like this:

But bigger, the problem is that when I change the width size to 350+ it will cut the right edge. So, how can I fix this? Also the <ReactNotification /> are inside my <app/> component in root.

[teodosii]

Hey, could you please post a gif to illustrate this issue? The container should be properly placed and the notification should take width accordingly to the container. @DiegoBittencourtOfficial

[DiegoABittencourt]

@teodosii here it go:

[teodosii]

Containers have changed in 3.0.0 and are quite dynamic in terms of width. Fixed in 3.0.0