Feat: Limit the number of toast displayed at the same time

[popuguytheparrot]

Do you want to request a feature or report a bug?
feature
What is the current behavior?
No limited on showing

What is the expected behavior?
Props to limited toast showing

Which versions of React, and which browser / OS are affected by this issue? Did this work in previous versions of React?
React v16.7

[fkhadra]

Hello @popugang,

You can already pass a component and limit the output. For instance, lets do it with css and a functional component.

 .limited-output{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}

// somewhere in your app
toast(() => (
  <div className="limited-output">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt rem odit quis quaerat. In dolorem 
  praesentium velit ea esse consequuntur cum fugit sequi voluptas ut possimus voluptatibus deserunt 
  nisi eveniet!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem voluptates vel dolorum 
  autem ex repudiandae iste quasi. Minima explicabo qui necessitatibus porro nihil aliquid deleniti ullam 
  repudiandae
</div>
);

You can find more about rendering a component here

[popuguytheparrot]

@fkhadra You do not understand me. I want to limit the notification showing.
i want props showCount={3} and watching only 3 toast on the site

[fkhadra]

Hello @popugang,

You mean limit the number of toast displayed at the same time ?

[popuguytheparrot]

Hello @popugang,

You mean limit the number of toast displayed at the same time ?

exactly

[popuguytheparrot]

@fkhadra what can do with it ?

[popuguytheparrot]

@fkhadra reopen issue please

[fkhadra]

Hello @popugang,

Sorry I'm quite busy for the moment. I made a codesanbox to show you how you can limit the output. There is several ways to do it. The sandbox just give you the general idea.

[popuguytheparrot]

@fkhadra thank you very much

[headfire94]

Will be cool to have a buffer that will store delayed notifications until we can show them

[Rafi993]

It would be awesome if this is available as an option in the toast container