---
title: "JavaScript Toast"
description: "This section details a basic yet responsive JavaScript toast notification system. It is ideal for displaying quick, transient messages to users in a non-disruptive manner."
source: https://jsuites.net/docs/javascript-toast
---
This script has less than 1Kb
The `jSuites.notification` is an ultra-lightweight, toast-style notification system for JavaScript applications. Its compact size ensures minimal impact on your application's performance.
- **Lightweight**: The script's small footprint ensures efficient performance.
- **User-Friendly**: Displays quick messages in the corner of the screen, providing a discreet user experience.
- **Auto-Hide Functionality**: Notifications automatically disappear after four seconds unless a different duration is specified.
### Implementation Example
Below is an example demonstrating how to use `jSuites.notification` for standard and error messages:
```html
```
```jsx
import jSuites from "jsuites"
import "jsuites/dist/jsuites.css"
function App() {
const showNotification = function () {
jSuites.notification({
name: "Jsuites toast notification",
message: "Successfully Update",
})
}
const showError = function () {
jSuites.notification({
error: 1,
name: "Error message",
message: "Something went wrong",
})
}
return (
);
}
export default App;
```
```vue
```
## Related Tools
- [Jspreadsheet Notifications](https://jspreadsheet.com/docs/notifications) - Error handling and user notifications in spreadsheets (Pro)