# Toast Message (fw-toast-message)
Toast Message used internally by Toast component to render toast message.
# Demo
Test content custom html contents can be added
Show Code
# Usage
# Properties
Property | Attribute | Description | Type | Default |
---|---|---|---|---|
actionLinkText | action-link-text | The Content of the action link | string | '' |
content | content | The content to be displayed in toast | string | undefined |
open | open | visibility prop of toast message | boolean | false |
pauseOnHover | pause-on-hover | Pause the toast from hiding on mouse hover | boolean | undefined |
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" \| "inprogress" \| "success" \| "warning" | 'warning' |
# Events
Event | Description | Type |
---|---|---|
fwLinkClick | Triggered when the action link clicked. | CustomEvent<any> |
fwRemoveToast | Triggered on closing the toast message. This event gets used by the parent container to remove the toast message from itself | CustomEvent<any> |
# Dependencies
# Used by
# Depends on
# Graph
graph TD;
fw-toast-message --> fw-spinner
fw-toast-message --> fw-icon
fw-toast --> fw-toast-message
style fw-toast-message fill:#f9f,stroke:#333,stroke-width:4px
Built with ❤ at Freshworks