Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

about toast in version 9.1.1 typescript


Is there a toast component in version 9.1.1 typescript demo1 ?
I can't find it.


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (2)


In version 9.1.1 of Toast in TypeScript, the update brings more flexibility and improved handling of notifications, making it easier for developers to create seamless user experiences. The latest version enhances the functionality of toasts, allowing for better control over their display, duration, and animations. This is somewhat akin to the way Old School RuneScape (OSRS) offers players greater control over their gaming experience, whether it’s managing inventory items or setting up game alerts for boss fights. With this update, developers can fine-tune how notifications appear in their applications, much like how OSRS players strategically manage their in-game notifications to optimize gameplay.



Hi,

Thank you for reaching out to us.

In Metronic 9 you can use notistack component.
Here is usage example:

import { useSnackbar } from "notistack"

const Demo = () => {
const { enqueueSnackbar } = useSnackbar()
return (
<Button onClick={() => enqueueSnackbar("I love hooks")}>
Show snackbar
</Button>
)
}


Regards,
Lauris Stepanovs,
Keenthemes Support Team


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(