# Alert

Narrative's informational alert component

This is an warning alert

# Selector

nio-alert

# Props

Prop name Type Supported values Default value
visible Boolean false
message String
messageTitle String
linkText String
linkHref String
dismissable Boolean true

# Prop details:

# visible

Whether the alert is visible.

# message

The main message text.

# messageTitle

Optional heading displayed to the left of the message

# linkText

Text to be displayed to the right of the message. Displayed as a hyperlink if linkHref is set, otherwise text only.

# linkHref

Target navigation when linkText is clicked.

# dismissable

If set to true, NioAlert will provide an icon which will close the alert when clicked.

# Helper attributes

# info
This is an informational alert
# warning
This is an warning alert

# Source Code

This component's source code is included for your reference

Last Updated: 2/10/2021, 5:34:22 PM