Components

Alert

Alert is a banner-like element used to communicate actionable events or supplemental information.

Alerts have a role attribute of type alert, which means a screen reader will read out the alert message right after the page title is announced. Developers should consider the importance of the message and for how long it should persist, as alerts are not dismissible.

Alerts are of the DANGER type by default:

import { Alert } from '@sproutsocial/racine'

Properties

System props

System props apply standard sets of properties to a component that can be used to alter its appearance on the fly.

COMMON
LAYOUT
Learn more

Types of Alerts

Danger (default)

Success

Info

Only use this type if there is no better way to communicate the message to the user.

Warning