# Toast (fw-toast)
Toasts are used to show pop-up messages that lasts on the screen for a while. Use them to show users alerts or messages.
# Usage
Show Code
# Properties
Property | Attribute | Description | Type | Default |
---|---|---|---|---|
actionLinkText | action-link-text | The Content of the action link | string | '' |
content | content | The content to be diaplyed in toast | string | undefined |
pauseOnHover | pause-on-hover | Pause the toast from hiding on mouse hover | boolean | undefined |
position | position | position of the toast notification in screen | "top-center" or "top-left" or "top-right" | 'top-center' |
sticky | sticky | won't close automatically | boolean | false |
timeout | timeout | Time duration of the toast visibility | number | 4000 |
type | type | Type of the toast - success,failure, warning, inprogress | "error" or "inprogress" or "success" or "warning" | 'warning' |
# Events
Event | Description | Type |
---|---|---|
fwLinkClick | Triggered when the action link clicked. | CustomEvent<any> |
# Methods
# trigger(configs: object) => Promise<void>
# Returns
Type: Promise<void>
# Dependencies
# Depends on
# Graph
graph TD;
fw-toast --> fw-spinner
fw-toast --> fw-icon
style fw-toast fill:#f9f,stroke:#333,stroke-width:4px
Built with ❤ at Freshworks