# Inline Message (fw-inline-message)

fw-inline-message displays an alert on the user interface and enables displaying additional information to the context of the page.

# Demo

This is an error alert message. This is an info alert message. This is a warning alert message. This is a success alert message.

This is an error alert message with close option. This is an info alert message with close option. This is a warning alert message with close option. This is a success alert message with close option.

Show Code

# Usage

# Properties

Property Attribute Description Type Default
closable closable Makes the inline message closable. boolean true
duration duration The duration in milliseconds for which inline message will be shown. number Infinity
open open Indicates whether the inline message is open or not. boolean true
type type The type of inline message to be displayed. Defaults to info. "error" \| "info" \| "success" \| "warning" 'info'

# Events

Event Description Type
fwHide Triggered when inline message is hidden. CustomEvent<any>
fwShow Triggered when inline message is shown. CustomEvent<any>

# Methods

# hide() => Promise<void>

# Returns

Type: Promise<void>

# show() => Promise<void>

# Returns

Type: Promise<void>

# Dependencies

# Depends on

# Graph

graph TD;
  fw-inline-message --> fw-icon
  fw-icon --> fw-toast-message
  fw-toast-message --> fw-spinner
  fw-toast-message --> fw-icon
  style fw-inline-message fill:#f9f,stroke:#333,stroke-width:4px

Built with ❤ at Freshworks